音频播放器在前面由脚本控制的背景 - 镀铬物扩展名

时间:2017-11-29 11:53:19

标签: javascript audio google-chrome-extension

我可以在后台设置音频元素并从内容脚本中进行控制。但是,我正在创建两个音频元素,因为我希望内容脚本音频元素是普通播放器(带有播放按钮和控件),声音总是重叠。两个玩家,在后台和内容脚本中同时播放。 如果我要通过内容脚本中的一个简单按钮来控制背景音频元素,它将起作用,因为前面没有音频元素可以播放,我只是告诉背景音频播放/停止播放。音频元素需要一个...我该怎么做?

//CONTENT SCRIPT

document.addEventListener('DOMContentLoaded', function() {
   var audioEL = document.getElementById('stream');
   audioEL.addEventListener('play', streamOrder);
   audioEL.addEventListener('pause', streamOrder);
});


function streamOrder () {
   chrome.extension.sendMessage({ msg: "manageStream" });
}


// BACKGROUND SCRIPT
var STREAM_STATE = false

function manageStream () {
if(!STREAM_STATE) {
    if(document.getElementById('player') == undefined) document.write('<audio id="player" src="XXXXX">');
    document.getElementById('player').play();
    STREAM_STATE = true
}
  else {
    document.getElementById('player').pause();
    STREAM_STATE = false
  }
}

1 个答案:

答案 0 :(得分:0)

我制作了自己的MP3播放器。由于我创建了一个按钮而不是音频元素,因此我能够控制流。