HTML5 的video和audio 标签 SRC播放地址如何通过JS 来获取

HTML5 的video和audio 标签 SRC播放地址如何通过JS 来获取,第1张

将下面的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怎么实现播放本地音乐等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9578284.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存