Question

我想控制Chrome扩展程序中后台页面中音频标记的音量。媒体播放效果不错，但默认音量（我认为它是1 =>最大），但我可以改变音量。

你知道怎么做吗？

Background.html：

<!doctype html>
<html>
<head>
</head>
<body>
    <audio src="http://radio-contact.ice.infomaniak.ch/radio-contact-high.mp3" id="radio" 
    autoplay="true" oncanplay="document.getElementById('radio').volume = 0.1">
    </audio>
</body>
</html>

此外，我想在popup.html中使用Pause / Volume + / Volume-按钮来控制它。我尝试使用chrome.extension.getBackgroundPage（）但我无法控制它。

由于

Answer 1

你有什么尝试？发布您使用的代码可能会有所帮助。

无论如何，这是一个简单的代码，我累了，似乎工作

的 background.html 的

<html> <head> <script> function controlVolume(passedVolume) { document.getElementById('radio').volume = passedVolume; } </script> </head> <body> <audio src="http://radio-contact.ice.infomaniak.ch/radio-contact-high.mp3" id="radio" autoplay="true" oncanplay="controlVolume(0.1);"> </audio> </body> </html>

的 popup.html 的

<html> <head> </head> <body> <input id="volume" type="text" /> <input type="button" value="change volume" onclick= " chrome.extension.getBackgroundPage().controlVolume (document.getElementById('volume').value); " /> </body> </html>

Javascript控制Chrome扩展程序中Background.html中的音频标记

1 个答案: