该扩展是一个简单的浏览器操作。按下时,它会打开/关闭音频。
我理想的工作流程是按下按钮,它就会打开;再按一下,它就会关闭;第三次按下它,它将在当前时间开始(而不是在之前暂停的时间)。
根据我的研究,HTML5 音频流没有像 audio.stop() 那样停止缓冲的功能。
有没有办法解决这个问题?我可以简单地关闭或关闭流式传输音频的后台窗口,并在需要时重新加载吗?我觉得这也会使扩展更加轻量级。
这是我的代码(此代码是有效的,但它会同时暂停和恢复):
清单.json
{
"manifest_version": 2,
"name": "kcpr",
"version": "1.0",
"permissions": [
"notifications"
],
"web_accessible_resources": [
"icon.png"
],
"background": {
"page": "music.html",
"persistent": false
},
"browser_action": {
"default_icon": "icon.png"
}
}
音乐.html
<audio id="stream" controls="" autoplay="" preload="none" name="media">
<source src="http://129.65.35.106:8000/KCPRMP3" type="audio/mpeg"></audio>
<script type="text/javascript" src="music.js"></script>
音乐.js
var playing = false;
var stream = document.getElementById("stream");
stream.pause();
function doSomething() {
var startNotification = webkitNotifications.createNotification(
'icon.png',
'starting',
'Starting!!'
);
var stopNotification = webkitNotifications.createNotification(
'icon.png',
'stopping',
'Stopping!!!'
);
if (playing == false) {
startNotification.show();
setTimeout(function(){ startNotification.cancel(); },1500);
stream.play();
playing = true;
}
else {
stopNotification.show();
setTimeout(function(){ stopNotification.cancel(); },1500);
stream.pause();
playing = false;
}
}
chrome.browserAction.onClicked.addListener(doSomething);