Как найти источник звука на странице?

Question

[Jacket]

Есть рандомная страница на которой проигрывается звук.
Это может быть audio/video, iframe и др. Таких элементов на странице может быть несколько.

Как узнать какой именно элемент является источником звука в данный момент?

Comments

[Programiker]

А к чему это вам?

[WapSter]

На счет айфремов хз, если страничку дашь, поэксперементирую самому интересно. А вот audio/video можно проверить на состояние autoplay или paused

[Jacket]

Programiker, моя цель как-то влияет на решение вопроса?

[Jacket]

WapSter, С audio/video всё более-менее поянтно, а вот с iframe. Конкретной страницы, увы, нет.

Песочница с несколькими фреймами (автоплей со звуком) - https://jsfiddle.net/npo43xk6/

Тут понятно, что можно по autoplay найти, но звук может идти из любого стороннего плеера/фрейма, так что мне скорре было интересно может ли JS задетектить источник звука или МБ девтулс так умеет.

Answer 1

[Lynatik001]

заходишь на страницу, жмешь правую кнопку мыши, просмотреть код. и удаляешь блоки по очереди кнопкой DELETE на клавиатуре. пока музыка не перестает играть

Comments

[Jacket]

Великолепный план, Уолтер.

Такой вариант не подходит, элементов может быть сотни/тысячи.

[Kovalsky]

Jacket, уолтер это откуда?

Не знаю насколько это хорошая идея, но можно например декорировать аудио/видео классы чтобы они сохраняли все существующие инстансы в какой-нибудь массив, а потом искать активный по нему. Или декорировать еще и методы, тогда при включении проигрывания медиа можно будет куда-нибудь сохранять активный,

[Jacket]

Kovalsky, это из Большой Лебовски

Можно какой-нибудь пример/ссылку? А то я не совсем понимаю о чем речь.

Answer 2

[Надим]

Все очень просто, ищем все аудио и видео теги и проверяем состояние. Поиск выполняем посредством инъекции JavaScript кода через самолично созданное браузерное расширение - это позволит запустить поисковый скрипт во всех фреймах сразу, сколько бы их там не было.

Comments

[Надим]

Jacket, а где ещё он может быть, как не в тегах аудио и видео???

[Jacket]

Очень просто

самолично созданное браузерное расширение

Ну так-то не очень просто. Через JS искать аудио/видео внутри фреймов с других доменов невозможно. Есть другие варианты?

[Jacket]

Надим Закиров, ну вот например на Soundcloud или в VK в аудио плеере откуда идет звук?

E.g. - https://soundcloud.com/brockberrigan/the-way-it-goes

[Kovalsky]

Jacket, если речь о фрейме, то у вас же все равно нету доступа к содержимому фрейма. Да и походу это невозможно - https://stackoverflow.com/questions/48660594/check...

[Надим]

Jacket, ключевой момент в моем ответе это использование расширения для получения доступа по все фреймы разом. Если хотите, скину вам болванку.

[Jacket]

Надим Закиров, буду очень благодарен за болванку, спасибо.

Вопрос о том каким образом воспроизводится звук в музыкальных сервисах для меня также актуален, можете подсказать?

[Надим]

Jacket, он воспроизводится точно так же, через теги audio/video - просто в случае с музыкой этот тег не всегда добавляется на страницу. Вот вам болванка:
https://yadi.sk/d/762DIB3tEgNcxw

В браузере Chrome зайдите в расширения, включите режим разработчика и загрузите распакованное расширение, само с собой архив сначала надо распаковать. Насчет самого плагина, весь код, который вы положите внутрь файла script.js будет автоматически выполнятся на всех открываемых в браузере сайтах, включая в том числе и iframe.

[Jacket]

Надим Закиров, большое спасибо за болванку.

Если тег не добавляется на страницу, а например создается через конструктор и воспроизводится, как его можно найти?