-
2021-06-24 08:44:54
1.在chrome 浏览器中输入:chrome://flags,搜索“Autoplay policy”,默认为“Default”,
修改为 “No user gesture is required” 就可以了;此方法仅限谷歌浏览器,而且比较笨拙,
但是问题可以解决;
2.在使用video标签的过程中,设置静音播放,问题也可以得到解决,但是对于有播放声音
要求的同学来说,问题还是得不到解决,代码如下:
3.回到我使用的标签audio,使用这个标签自动播放时报错:
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
这时我们自动播放是不成功的,解决办法如下:
function toggleSound() {
var music = document.getElementById("vd");//获取ID
console.log(music);
console.log(music.paused);
if (music.paused) { //判读是否播放
music.paused=false;
music.play(); //没有就播放
}
}
setInterval("toggleSound()",1);
更多相关内容 -
让网页随机播放多首背景音乐的方法
2021-06-11 10:46:08我们都曾经遇到过,打开某一个网站首页,会...但,这有一个致命的弱点,那就是,背景音乐单一,无论什么时候打开都是同一首,如果听得多了,也会让浏览者感觉厌倦!本文,介绍一种方法,可以让多首音乐随机在网页中...我们都曾经遇到过,打开某一个网站首页,会听到悦耳的背景音乐!
背景音乐在网页中的应用,可为打开网页的浏览者增添气氛、熏陶浏览者的情趣,同时有助于缓解上网的疲劳!
那么,网页的背景音乐如何制作呢?
很多时候,我们都是在网页中插入固定的背景音乐来实现的;但,这有一个致命的弱点,那就是,背景音乐单一,无论什么时候打开都是同一首,如果听得多了,也会让浏览者感觉厌倦!
本文,介绍一种方法,可以让多首音乐随机在网页中播放,如此一来,不断更换新的背景音乐,不仅能增加网页修改背景音乐的灵活性,同时还给浏览者留下一个美好的印象!
本文的方法是:①使用JS文件调用音乐!②音乐使用MID格式;
请您遵循如下的方法即可实现!
首先,准备好几首MID音乐,放到您的网站相应的目录中,如下图!
注意哦,多首背景音乐的名称,最好使用1,2,3,4,5…等这样的数字序号来命名,这样才有助于随机调用!
之后,我们来制作一个随机调用背景音乐的JS文件,首先打开记事本,如下图!
如下图一般,输入上面的代码即可,注意拉,一个字母、一个字符都不能错,否则背景音乐就响不起来拉!
之后,将上述的文件,保存成为JS文件,如下图!
现在,都准备好了,下面我们在网页中调用这些背景音乐吧!
如下面的代码,只要在网页的head区域中,加入如下代码即可!
这样,网页就能自动随机播放不同的背景音乐了!
为方便大家的学习,下面提供输入到记事本里面的JS代码:
以上的代码,涉及到网站音乐文件的路径,如DataFiles/BgMusic/,请您自行修改!此外,还涉及到音乐文件的路径,涉及到的这些,请您自己修改!
另外,上述代码的var midino = Math.floor(Math.random()*6)+1,其中的这个6,指的就是您有6首背景音乐,如果您的背景音乐只有5首,请将它改为5,其他的依此类推!
本方法的一个特点就是,能随机播放多首音乐,同时,以后如果要增加背景音乐的数量或减少,不用修改网页,只需要将背景音乐增加、或删除目录里面的音乐文件即可!同时保证修改好JS文件的参数即可!
如果您还不太明白,就打开本网站的首页吧,是不是听到悦耳的背景音乐了呢?
-
80首魔术常用的背景音乐.rar
2022-02-22 02:13:3080首魔术常用的背景音乐.rar -
323首注册机背景音乐(.XM源文件)+播放器.rar
2020-04-10 22:16:59323首注册机背景音乐,(.XM源文件)可用编程软件嵌入到程序中做应用软件或注册机的背景音乐。连同.XM播放器一起压缩在文件包里,下载打开播放器导入音乐即可进行播放,音乐非常好听,千万不要错过哦!!! -
14首大气PPT背景音乐.zip
2019-12-10 13:32:3314首大气PPT背景音乐,适合PPT的应用,非常好用,值得大家下载 -
YoduBGM:typecho背景音乐插件
2021-05-06 23:53:572,支持多首歌曲,且默认随机播放 3,可设置是否自动播放(部分手机浏览器不支持) 4,支持网易云音乐调用(不保证api永远有效) 5,当你按照格式只填写一首歌曲时,插件会默认隐藏掉切歌按钮,只保留播放按钮,使其... -
HTML5带背景音乐播放器代码
2021-06-24 12:38:57HTML5带背景音乐播放器代码是一款简洁实用的音乐播放器,可以暂停播放下一首切换。 -
多个背景音乐同时自动播放?
2021-06-09 03:02:00一、按照这个步骤,添加音乐一定可以成功1、进入右上角的“控制面版”2、进入“个人首页内容维护”3、选“自定义空白面板”4、选“新增”5、勾选“显示源代码”;在题目写:播放器(别的名字也可以)6、把上面这段代码...一、按照这个步骤,添加音乐一定可以成功
1、进入右上角的“控制面版”
2、进入“个人首页内容维护”
3、选“自定义空白面板”
4、选“新增”
5、勾选“显示源代码”;在题目写:播放器(别的名字也可以)
6、
把上面这段代码贴进去就OK了。
7、回到刚才的控制面板,左边“BLOG信息设置”里面有“定制我的首页”,请点击!
8、会看见左边计数器下面,(也就是有留言,评论那一列的最下面)有一个“添加页面模块”(注意不是最最左边的“添加模块”!!!)
9、出现了新的对话框。给“自定义空白面板”下面的“播放器”单选框打勾。
然后,点下面的“选取”。
10、听见歌曲了!(继续做第11步)
11、这时候看看最最左边的一列浮动块。请点击最上面的“保存设置”。
二、多首歌连续播放
方法一,播放器实现:
首先说:用播放器肯定会影响你页面的打开速度。
但是,方法很简单。
1、去提供播放器的网站注册,得到播放器代码。在里面添加你喜欢的若干首歌曲。
2、将代码添加到你的博客。
3、以后要更换歌曲,还是去你注册的网站,登陆进行后台管理。
提供几个有播放器的网站地址:
方法二:转自
首先将你的MP3歌曲列表在记事本里,将TXT后缀改为M3U。
然后上传到网上的免费空间,记住获取的文件地址。
然后把
添加到你的自定义面板就可以。方法和添加单曲一样
添加播放器:申请播放器的网站
注册-----取得注册名和密码后-----登陆-调用代码-----播放器和它们旁边相应的代码-----选一个你喜欢的音乐播放器相应的代码并复制它-----回到博客首页-----控制面板-----定制我的首页-----添加面板-----添加空白面板-----显示原代码-复制代码-----粘贴-----保存
添加歌曲:播放器的网站首页,搜索喜欢的音乐-----打开你选的音乐-----能播放,听听歌曲的质量(缓冲速度快的比较好)-----在该歌曲的曲目处点击鼠标的“右键”-----属性-----地址”,(这个“地址”就是歌曲真正的出处-----复制-----回到你申请音乐播放器的网站的首页-----设置歌曲-----输入歌手的名字,歌曲的名字-----歌曲地址”中粘贴你刚刚复制的“地址-----增加-----成功添加到音乐播放器里-----回到你的博客首页。
点击控制面板-----个人首页维护-----自定义空白面板-----设置好的音乐播放标题-----显示原代码-----保存。这时,歌曲已经添加到你的播放器里,歌曲可以播放了!回到你的博客页面听听。音乐很美妙吧
。
全部
-
【转】让网页实现多首背景音乐循环播放的方法
2012-07-23 17:56:37背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" > loop="-1"表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2" controls=...第一步,加播放器的代码(不用别人做的JS播放器)。
<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >
loop="-1"表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2"
controls="ControlPanel"这个控制选项可省略
width="0" height="0"表示隐藏播放。想设置播放器的大小,设置值即可,比如width="480" height="25"
[color=red]PS:这里有个浏览器兼容的问题,如果要兼容IE\FireFox代码如下
[/color]
<object width="100%" height="33" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" type="application/x-oleobject" standby="在线播放器加载中..." classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="url" value="MusicList.m3u" />
<param name="autoStart" value="true" />
<param name="loop" value="-1" />
<!--firefox调这个-->
<embed width="100%" height="33" src="MusicList.m3u" autostart="1" loop="true" type="application/x-mplayer2"></embed>
</object>
第二步,实现连续播放多首歌曲
播放器弄好了,搜索到歌曲的地址,替换代码中“背景音乐网址”就可以播放歌曲了。但是这样只能是一首歌曲啊。没关系,记得当初用winamp或者千千静听的时候不是有个播放列表吗?对,用m3u格式。新建一个记事本文档,在里面写上如下代码保存为“任意名.m3u”:
<ASX version ="3.0">
<Entry>
<Ref href = "以.mid.wma.mp3等结尾的音乐网址1"/>
</Entry>
<Entry>
<Ref href = "以.mid.wma.mp3等结尾的音乐网址2"/>
</Entry>
<Entry>
<Ref href = "以.mid.wma.mp3等结尾的音乐网址3"/>
</Entry>
需要更多歌曲可重复“<Entry>……</Entry>”代码
</ASX>
嗯,然后?把保存的文件(例如musci.m3u)上传到你的个人主页或者随便其他什么地方。再把m3u的IE地址放到第一步中的“背景音乐地址”处就可以实现连续播放的目的了。
因为当你打开博客的时候,虽然不能自动播放,但是播放器首先要加载第一首歌曲,当遇到错误无法识别的歌曲地址时就会自动跳转到第二首而播放第二首歌曲。
不过这里需要注意的是,第二首歌曲的地址里不能带有汉字,否则跳转到第二首歌曲的时候它也不会自动播放,第三首,第四首歌曲之后就没限制了,只要歌曲地址对就行。
其他实现网页背景音乐代码:
播放多首歌曲代码为:
<script LANGUAGE="javascript">
<!--
var sound1="http://歌曲地址"
var sound2="http://歌曲地址"
var sound3="http://歌曲地址"
var sound4="http://歌曲地址"
var sound5="http://歌曲地址"
var sound6="http://歌曲地址"
var sound7="http://歌曲地址"
var sound8="http://歌曲地址"
var sound9="http://歌曲地址"
var sound10="http://歌曲地址"
var x=Math.round(Math.random()*10)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else if (x==3) x=sound4
else if (x==4) x=sound5
else if (x==5) x=sound6
else if (x==6) x=sound7
else if (x==7) x=sound8
else if (x==8) x=sound9
else x=sound10
if (navigator.appName=="Microsoft Internet Explorer"
document.write('<bgsound src='+'"'+x+'"'+' loop="infinite">')
else
document.write('<embed src='+'"'+x+'"'+'hidden="true" autostart="true" loop="true">')
//-->
</SCRIPT>
“歌曲地址” 表示音乐地址
请注意:这个不是播放器 而是让每次刷新都可以自动播放
A. 最简易的连续播放视频/音频的代码
<ASX version ="3.0">
<Entry>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>
<Entry>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>
<Entry>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>
以下同样添加你想要的视频音频个数
</ASX>
B. 可以显示歌曲名称/演员名称的连续播放视频/音频的代码
<ASX version ="3.0">
<Entry>
<Title>这里添加标题1 视频/音乐名称等等</Title>
<Author>演员/歌手名1</Author>
<Copyright>版权归属1</Copyright>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>
<Entry>
<Title>这里添加标题2 视频/音乐名称等等</Title>
<Author>演员/歌手名2</Author>
<Copyright>版权归属2</Copyright>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>
<Entry>
<Title>这里添加标题3 视频/音乐名称等等</Title>
<Author>演员/歌手名3</Author>
<Copyright>版权归属3</Copyright>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>
以下同样添加你想要的视频音频个数
</ASX>
C. 可以显示自己的logo或广告以及歌曲名称/演员名称的连续播放视频/音频的代码
<ASX version ="3.0">
<Entry>
<Title>这里添加标题1 视频/音乐名称等等</Title>
<Author>演员/歌手名1</Author>
<Copyright>版权归属1</Copyright>
<Banner href = "你的个性图片在网络中的地址1">
</Banner>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址1"/>
</Entry>
<Entry>
<Title>这里添加标题2 视频/音乐名称等等</Title>
<Author>演员/歌手名2</Author>
<Copyright>版权归属2</Copyright>
<Banner href = "你的个性图片在网络中的地址2">
</Banner>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址2"/>
</Entry>
<Entry>
<Title>这里添加标题 视频/音乐名称等等</Title>
<Author>演员/歌手名</Author>
<Copyright>版权归属</Copyright>
<Banner href = "你的个性图片在网络中的地址3">
</Banner>
<Ref href = "以http或mms开头以mp3/wma/wmv/wav/midi/mpg/mpeg/avi结尾的视频音频地址3"/>
</Entry>
以下同样添加你想要的视频音频个数
</ASX>
转自:http://hi.baidu.com/lina317/blog/item/eab7f8ed320797e6b2fb95c8.html
网页播放器Object使用详解
http://www.jb51.net/article/22611.htm
Embed Object大部分的属性及参数详解
http://slingfeng.blog.163.com/blog/static/57003377200992403322622/ -
HTML5页面背景音乐代码 网页背景音乐通用代码
2021-06-11 00:46:58网页背景音乐是个比较老旧的问题和技术了,上世纪90年代就是十分流行的了,给自己的网页加上一段背景音乐轻快而且于感染力,随着网页技术的发展,除了少部分音乐站点、个人博客、游戏站点外几乎很少有使用到网页背景... -
100首好听的背景音乐.doc
2021-09-28 16:15:56100首好听的背景音乐.doc -
HTML5带背景音乐播放器特效代码
2021-03-20 02:28:17HTML5带背景音乐播放器代码是一款简洁实用的音乐播放器,可以暂停播放下一首切换。 -
51首广播背景音乐[归纳].pdf
2021-10-10 23:51:5051首广播背景音乐[归纳].pdf -
央视最常用的一百首经典背景音乐.docx
2022-02-14 16:24:32央视最常用的一百首经典背景音乐.docx -
50首广播电台常用背景音乐[借鉴].pdf
2021-10-10 23:50:5350首广播电台常用背景音乐[借鉴].pdf -
HTML5带背景音乐播放器代码.zip
2019-07-11 09:30:56代码简介:HTML5带背景音乐播放器代码是一款简洁实用的音乐播放器,可以暂停播放下一首切换。 -
html多媒体应用之网页中插入flash动画、插入音乐
2020-12-13 23:53:50属性:src=url(Flash路径)width=像素/百分比(flash宽度)height=像素/百分比(falsh高度)wmode window 使 flash 自身的矩形窗口来播放opaque 使 flash 隐藏页面上位于它后面transparent 使 flash的 背景透明 ... -
网页背景音乐播放器代码(可实现多首音乐循环播放)
2010-03-24 22:30:43非常好用而且美观的的网页背景音乐代码,(可实现多首音乐循环播放),只要修改exobudpl.js文件里面的音乐地址即可,让你不再为网页背景音乐播放器不美观而发愁,更多网页实用源码请登录www.ita5.com联系sunny -
广播电台常用的50首背景音乐.
2011-04-17 09:54:13广播电台常用的50首背景音乐.,听听这玄妙的音律,好好享受生活。 -
关于适合当婚礼背景的音乐大全100首模板.rar
2021-09-21 10:43:10关于适合当婚礼背景的音乐大全100首模板.rar -
如何使用《背景音乐提取器》提取歌曲中的背景音乐
2020-04-26 08:48:16上周末一天时间开发完成了一款mini小软件:背景音乐提取器,历经了多次元数据被拒绝后,终于审核成功。 软件界面设计很简单:只有一个打开文件的按钮。 点击打开文件的按钮后,可以选择需要提取背景音乐的歌曲,在... -
关注css背景音乐代码
2021-08-04 04:45:242.让baidu空间背景音乐支持多首歌曲了将音乐的网址写到一个记事本文件里,保存扩展名为mp3(1.mp3),然后将这个文件找个空间传上去。回到空间中将背景音乐的地址设置为你刚刚做的文件就可以。格式如下(最好是wma文件... -
Android中实现播放背景音乐功能
2019-06-05 16:31:43文章目录实现思路准备音乐文件创建一个`...在主活动中起一个服务,在服务中做播放背景音乐的操作。这里的服务可以是一般的Service,也可以是更加好用的IntentService。至于这两者的区别,不是本文的重点,大家可以自... -
1800首免版权背景音乐素材,适合vlog短视频bgm纯音乐下载
2020-08-20 10:31:27风格类型多样,适合Vlog、短视频、自媒体剪辑、宣传片、游戏动画等行业,全部中文...背景音乐素材无须单首下载了,也不用去其它网站开会员。已经打包好了需要的自行去下载。 下载地址:http://www.zyb99.cn/378 ... -
抖音最近很火的几首背景音乐(BGM),推荐给大家很好听
2021-07-05 04:19:00抖音最近很火的几首背景音乐(BGM),相信大家一看就知道这几首歌曲在抖音是非常火的。如果你不知道歌名,如果听音乐,我相信你也都会感觉很熟悉,因为这几首背景音乐在抖音上面非常火。第一首:《Dura》不知道大家这... -
Android背景音乐设置代码
2011-11-27 17:56:06该程序实现了,选定SD卡上一首音乐文件作为程序的背景音乐的功能。 采用了PreferenceActivity的键值对保存方式。 -
HTML5中多页面实现背景音乐的连续播放
2019-01-08 17:45:29在单个页面中插入背景音乐,当跳转到其他页面时,背景音乐就没了,此时若在其他页面添加相同的audio控件,那么跳转后音乐会重新播放;因此想办法让他能够在跳转后能够继续播放此音乐: 新建一个music.html页面 &... -
JS实现html页面切换背景音乐不间断网页跳转背景音乐不停止播放
2021-06-08 18:29:32我们做项目的时候可能会用到需要在整个网站中添加背景音乐.但如果仅在页面中添加BGSOUND标签来播放音乐的话,当页面切换时,背景音乐就会重新加载,而达不到连贯播放的效果.为了解决这个问题,我们最常用的就是使用框架... -
甜橙音乐网-在线音乐网站.rar
2020-04-06 22:04:31在线音乐网站,内含源码使用说明。 摘自《JSP项目开发全程实录》 通过应用JSP+Struts+SQL Server开发一个流行的在线娱乐网站——在线音乐吧。