html5中,audio音频只自动播放一部分,比如10秒到20秒,然后自动暂停请问如何写,最好有demo,谢谢

html5中,audio音频只自动播放一部分,比如10秒到20秒,然后自动暂停请问如何写,最好有demo,谢谢,第1张

var audio = documentgetElementById('audio1'); // DOM里id是audio1的audio标签

var func = function(){

    if (audiocurrentTime >= 10) {

        audiopause();

audioremoveEventListener("progress", func); // 清掉这个事件,防止再也没办法继续播放

    }

};

audioaddEventListener("progress", func);

后台语言也有很多哦,比如aspx、jsp、php等等,但是后台语言真正的强大,是和数据库紧密相关的,一般来说,apsx+SqlServer,php+MySql,你可以购买这类的书籍,跟着学,因为你有很好的前台语言基础,相信学习后台的技术不会太难。

需要自己加个按钮 执行下

function stop(){

p=documentgetElementById('player');

pcurrentTime=0;

ppause();

}

将下面的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();// 这个就是播放

}

}

你的声卡的XP驱动没有装对。HP笔记本是VISTA系统的话驱动就去>

以上就是关于html5中,audio音频只自动播放一部分,比如10秒到20秒,然后自动暂停请问如何写,最好有demo,谢谢全部的内容,包括:html5中,audio音频只自动播放一部分,比如10秒到20秒,然后自动暂停请问如何写,最好有demo,谢谢、web前端中HTML5音频标签audio播放过程中自动停止怎么解决求大神在线等。、js怎么控制价Audio 停止播放等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/10074806.html

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

发表评论

登录后才能评论

评论列表(0条)

保存