将下面的JS代码生成的字符串content的内容放在html中就是一个音乐播放器,并且能够播放音乐。为了兼容,下面的写得比较乱,可以不用JS,整理一下,直接放HTML中也行。
音乐播放器标签的JS代码:
[javascript] view plaincopy
var musicSrc = "/music/1mp3";
var bower = windownavigatoruserAgent;
if(bowerindexOf("MSIE 6")!=-1 || bowerindexOf("MSIE 7")!=-1||bowerindexOf("MSIE 8")!=-1){
content = "<embed id=\"music1\" src=\""+ musicSrc+"\" style=\"width:290px\" autostart=true loop=true hiddle=true>";
}else if(bowerindexOf("Firefox")!=-1){
content = "<audio id=\"music1\" src=\""+ musicSrc +"\" style=
\"width:290px\" autoplay controls loop preload width=120px><p>小
乐会唱歌,但您的浏览器版本过低,不支持播放小乐的歌声。~~~~(>_<)~~~~ </p></audio>" ;
} else{
content = "<audio id=\"music1\" src=\""+ musicSrc +"\" style=
\"width:290px\" autoplay controls loop preload><p>小乐会唱歌,但您的浏览器版
本过低,不支持播放小乐的歌声。~~~~(>_<)~~~~</p></audio>" ;
}
通过JS暂停音乐播放器的JS代码如下:
[javascript] view plaincopy
var audio = documentgetElementById('music1');
if(audio!==null){
//
检测播放是否已暂停audiopaused 在播放器播放时返回false<span style="font-
family: Arial, Helvetica, sans-serif;">在播放器暂停时返回true</span>
if(!audiopaused)
{
audiopause();// 这个就是暂停//audioplay();// 这个就是播放
}
}
第一段:
<embed src="等一分钟mp3" id="aa"><input type=button value=暂停 onclick="aapause();">
<input type=button value=播放 onclick="aaplay();">
第二段:
<audio id="aaa" src="等一分钟mp3" autoplay controls></audio><input type=button value=暂停 onclick="aaapause();">
<input type=button value=播放 onclick="aaaplay();">
IE:支持第一段代码,不支持第二段代码
Firefox:支持第二段代码,第一段代码的第一行需要装插件,不支持第一段的后两行
Chrom:支持第二段代码,不支持第一段代码中的后两行
Opera,Safari:第一段代码的第一行需要装插件,不支持第一段的后两行,不支持第二段代码
具体如下:
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
其实很简单,在要显示的位置插入一个播放器,在dw软件上面可以通过插入多媒体做到,设置循环。第二步,新建一个歌曲列表,txt文件,一行一个歌曲地址。保存为XXXXXm3u (X为任意数字字母),然后设置多媒体音乐只想此m3u列表就可以啦,代码那些是在记不住,相信你可以办到的。
以上就是关于HTML5 的video和audio 标签 SRC播放地址如何通过JS 来获取全部的内容,包括:HTML5 的video和audio 标签 SRC播放地址如何通过JS 来获取、JS高手帮我写一个背景音乐播放代码、javascript怎么实现播放本地音乐等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)