js怎么给网页设置背景音乐

时间：2022-12-14 05:00:55
比如我现在想在打开bbs.csdn.net的时候播放我设置的音乐，这个音乐是网络上一个url，把这段脚本放到油猴里运行，该怎么做呢。

10 个解决方案

#1

创建一个多媒体元素，append到body里面呗。

油猴是啥玩意啊。。=- -

#2

引用 1 楼 functionsub 的回复:
创建一个多媒体元素，append到body里面呗。

油猴是啥玩意啊。。=- -


= =油猴是火狐的扩展呀，我不懂js。= =

#3

var audio = document.createElement('audio');

audio.src = 'aaa.mp3'//这里放音乐的地址

document.body.appendChild(audio)


 既然是火狐了，那就用html5的audio吧。。上面的代码就够了，src自己改一下，具体的控制什么的自己查一下audio标签的属性，像src那样直接赋值就好。

#4

属性            值               说明
autoplay  autoplay  如果出现该属性，则音频在就绪后马上播放。
controls  controls  如果出现该属性，则向用户显示控件，比如播放按钮。
loop          loop          如果出现该属性，则每当音频结束时重新开始播放。
preload  preload  如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src          url          要播放的音频的 URL。


复制了一下，自己设置吧。

#5

引用 3 楼 functionsub 的回复:
JavaScript code?123var audio = document.createElement('audio');audio.src = 'aaa.mp3'//这里放音乐的地址document.body.appendChild(audio)

 既然是火狐了，那就用html5的audio吧。。上面的代码就够了，src自己改一下，具体的控制什么的自己查一下a……

哦哦，thx，这个url一定要MP3后缀名的吗？否则是不是识别不了？我随便百度添加了一个歌曲链接，貌似不行。

#6

引用 3 楼 functionsub 的回复:
JavaScript code?123var audio = document.createElement('audio');audio.src = 'aaa.mp3'//这里放音乐的地址document.body.appendChild(audio)

 既然是火狐了，那就用html5的audio吧。。上面的代码就够了，src自己改一下，具体的控制什么的自己查一下a…… 


// ==UserScript==

// @name       测试

// @namespace  http://use.i.E.your.homepage/

// @version    0.1

// @description  enter something useful

// @match      http://*bbs.csdn.net/*

// @copyright  2012+, You

// ==/UserScript==

var audio = document.createElement('audio');

audio.src = 'http://www.xiami.com/song/play?ids=/song/playlist/id/376353/object_name/default/object_id/0';//这里放音乐的地址

audio.autoplay = autoplay;

document.body.appendChild(audio);



这样不行。@@

#7

audio.autoplay = 'autoplay';


值要加引号。

#8

引用 7 楼 functionsub 的回复:
JavaScript code?1audio.autoplay = 'autoplay';

值要加引号。


我2了，不过还是不行。= =

#9

三楼的JS代码是对的，楼主试验不成功是src写错了，这个src不是你在网上听歌那个地址栏的地址，而是真正的音乐存储的位置，也就楼主自己说的最后结尾是MP3。你用下自己本地的音乐作src就知道了。
既然楼主不懂JS，可以不用JS的。用HTML5里的audio标签，添加到body里就行了。示例如下： 


    <audio autoplay="autoplay">

	<source src="sample.mp3" type="audio/mp3"/>

        <source src="sample.ogg" type="audio/ogg"/>

    </audio>

autoplay属性设置的是是否在页面加载好了以后自动播放，audio支持多个备选的source，即第一个播不了，自动检测后面的source，不同浏览器支持的音乐类型不太一样，你多放几个备选source就可以了。具体的W3Schools上关于audio标签的介绍 http://www.w3school.com.cn/html5/html_5_audio.asp

#10

audio.autoplay = true; 

#1

创建一个多媒体元素，append到body里面呗。

油猴是啥玩意啊。。=- -

#2

引用 1 楼 functionsub 的回复:
创建一个多媒体元素，append到body里面呗。

油猴是啥玩意啊。。=- -


= =油猴是火狐的扩展呀，我不懂js。= =

#3

var audio = document.createElement('audio');

audio.src = 'aaa.mp3'//这里放音乐的地址

document.body.appendChild(audio)


 既然是火狐了，那就用html5的audio吧。。上面的代码就够了，src自己改一下，具体的控制什么的自己查一下audio标签的属性，像src那样直接赋值就好。

#4

属性            值               说明
autoplay  autoplay  如果出现该属性，则音频在就绪后马上播放。
controls  controls  如果出现该属性，则向用户显示控件，比如播放按钮。
loop          loop          如果出现该属性，则每当音频结束时重新开始播放。
preload  preload  如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src          url          要播放的音频的 URL。


复制了一下，自己设置吧。

#5

引用 3 楼 functionsub 的回复:
JavaScript code?123var audio = document.createElement('audio');audio.src = 'aaa.mp3'//这里放音乐的地址document.body.appendChild(audio)

 既然是火狐了，那就用html5的audio吧。。上面的代码就够了，src自己改一下，具体的控制什么的自己查一下a……

哦哦，thx，这个url一定要MP3后缀名的吗？否则是不是识别不了？我随便百度添加了一个歌曲链接，貌似不行。

#6

引用 3 楼 functionsub 的回复:
JavaScript code?123var audio = document.createElement('audio');audio.src = 'aaa.mp3'//这里放音乐的地址document.body.appendChild(audio)

 既然是火狐了，那就用html5的audio吧。。上面的代码就够了，src自己改一下，具体的控制什么的自己查一下a…… 


// ==UserScript==

// @name       测试

// @namespace  http://use.i.E.your.homepage/

// @version    0.1

// @description  enter something useful

// @match      http://*bbs.csdn.net/*

// @copyright  2012+, You

// ==/UserScript==

var audio = document.createElement('audio');

audio.src = 'http://www.xiami.com/song/play?ids=/song/playlist/id/376353/object_name/default/object_id/0';//这里放音乐的地址

audio.autoplay = autoplay;

document.body.appendChild(audio);



这样不行。@@

#7

audio.autoplay = 'autoplay';


值要加引号。

#8

引用 7 楼 functionsub 的回复:
JavaScript code?1audio.autoplay = 'autoplay';

值要加引号。


我2了，不过还是不行。= =

#9

三楼的JS代码是对的，楼主试验不成功是src写错了，这个src不是你在网上听歌那个地址栏的地址，而是真正的音乐存储的位置，也就楼主自己说的最后结尾是MP3。你用下自己本地的音乐作src就知道了。
既然楼主不懂JS，可以不用JS的。用HTML5里的audio标签，添加到body里就行了。示例如下： 


    <audio autoplay="autoplay">

	<source src="sample.mp3" type="audio/mp3"/>

        <source src="sample.ogg" type="audio/ogg"/>

    </audio>

autoplay属性设置的是是否在页面加载好了以后自动播放，audio支持多个备选的source，即第一个播不了，自动检测后面的source，不同浏览器支持的音乐类型不太一样，你多放几个备选source就可以了。具体的W3Schools上关于audio标签的介绍 http://www.w3school.com.cn/html5/html_5_audio.asp

#10

audio.autoplay = true; 
标签：

相关文章