Javascript控制Chrome擴展中Background.html中的音頻標籤

我想控制Chrome擴展中背景頁面中音頻標籤的音量。媒體播放良好，但默認音量（我認爲它是1 =>最大），但我可以改變音量。Javascript控制Chrome擴展中Background.html中的音頻標籤

你知道嗎？

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控制它暫停/音量+ /音量 - 按鈕。我試着用chrome.extension.getBackgroundPage（）但我無法控制它。

謝謝

來源

2012-05-12 Pico

你有什麼試過？張貼您使用的代碼可能會有所幫助。

不管怎麼說，這是一個簡單的代碼，我累了，似乎工作

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>

來源

2012-05-12 17:14:50

感謝你的答案，但我沒有爲我工作！我使用的是Chrome 18，所以我認爲它來自Chrome！我通過直接在瀏覽器中啓動background.html，在標籤中試用了您的代碼。它工作，但在擴展它只是不想工作！我嘗試了與您相同的事情，但使用按鈕+/-，而且我可以看到輸入內容相同！ – Pico

Javascript控制Chrome擴展中Background.html中的音頻標籤

回答

相關問題