ウェブページのオーディオリソースを探索/収集する方法は？

Question

通知音を出すウェブページにチャットウィジェットをインストールしました。私はJavaScript呼び出しでそれを再生することで、ページ上のサウンドエフェクトの1つを再利用したいと思います。ページのオーディオリソースを収集するにはどうすればよいですか？たとえば、画像にはdocument.imagesがありますが、オーディオ要素はどうですか？おそらくそれらのうちのいくつかは、new Audio()を呼び出してインスタンス化されているかもしれません。何とかDOMをトラバースすることでそれらをすべて収集することは可能ですか？

Answer 1

DevToolsNetworkタブで、ご希望のメディアリソースを確認するには、Mediaメニュー項目を選択してください。 AudioNodeはhtmldocumentに追加せずにメディアを読み込んで再生を開始できます。