Google扩展程序 - 在后台运行

Question

Google扩展程序 - 在后台运行

Sha*_*hah 1 google-chrome google-chrome-extension

我正在尝试制作播放音乐的Google扩展程序.当我关闭扩展程序并浏览其他网站时,我希望扩展也可以播放.我是否必须更改manifest.json,background.html或main.html(我的索引/弹出文件)的代码？这是我的manifest.json的代码:

{
    "name": "SpeedSongz.fm",
    "description": "Instantly listen to your favorite music and radios.",
    "version": "1.0",
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "SpeedSongz.fm",
        "popup": "main.html"
    },
    "background_page" : "background.html"
}

Run Code Online (Sandbox Code Playgroud)

那么我如何制作代码,以便即使实际的扩展已关闭,音乐也会在后台继续运行？可能吗？谢谢!

Answer 1

Jim*_*m-Y 6

加功能可以是,在bakcround页面中创建两个功能,一个停止音乐,另一个重启它:
function stop(){

}

function start(){

}
Run Code Online (Sandbox Code Playgroud)
因此,当用户打开main.html时,可能会有两个带有两个侦听器的图标,每个图标都可以调用后台页面功能,如:
var backgroundpage = chrome.extension.getBackgroundPage();
$("start_button").click(function(){
backgroundpage.start();
});

$("stop_button").click(function(){
backgroundpage.stop();
});
Run Code Online (Sandbox Code Playgroud)
:)

编辑:

popup.html:

<html><head><script type="text/javascript" src="jquery.js"></script> 
<script>
$(document).ready(function(){
    var bgp = chrome.extension.getBackgroundPage();
    $("#start_btn").click(function(){
        bgp.start();
    });

    $("#stop_btn").click(function(){
        bgp.stop();
    });
});
</script>
</head><body>
<div>
    <button type="button" id="start_btn">Start</button>
    <button type="button" id="stop_btn">Stop</button>
</div>
</body></html>

Run Code Online (Sandbox Code Playgroud)

background.html:

<html><head><script type="text/javascript" src="jquery.js"></script> 
<script>
var audio = new Audio('guitar.mp3');
audio.loop="loop";
audio.play();

function start(){
    audio.play();
}

function stop(){
    audio.pause();
}

</script>
</head><body></body></html>

Run Code Online (Sandbox Code Playgroud)

那就是:)

归档时间：	13 年，12 月前
查看次数：	1829 次
最近记录：	13 年，11 月前