重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、好像是浏览器兼容性的问题。用js创建audio对象的形式成功实现了点击再次播放。
为阳原等地区用户提供了全套网页设计制作服务,及阳原网站建设行业解决方案。主营业务为成都做网站、网站建设、阳原网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
2、检测ended属性,根据currenttime还有durration,等它播放完之后又重新播放。
直接用audio标签啊,就能实现。只是自动播放的话,为了兼容浏览器和手机类型,需要另外写js
首先,手机是不会自动播放的。而你又有isplay的0和1两个值,看你的代码0应该是暂停,你初始设置的应该是1,所以初始的时候不自动播放,但是是1,你点击一次就变成了0,结果暂停,需要再点击一次变成1才能自动播放。
希望对你有所帮助。望采纳!
HTML5的Audio标签,目前的主流浏览器都支持,只不过各种浏览器对音频的支持的格式不同,当前,audio 元素支持三种音频格式:
IE 9 支持 MP3
Firefox 3.5 支持 Ogg Vorbis、Wav
Opera 10.5 支持 Ogg Vorbis、Wav
Chrome 3.0 支持 Ogg Vorbis、MP3
Safari 3.0 支持 MP3、Wav
html5标签audio的autoplay属性可以设置在页面打开后自动播放。这个属性本来挺好的。但是最近做了一个项目却发现在iphone上无法自动播放。
各种查阅资料后发现原来iphone公司是考虑到用户可能是用手机流量访问的情况,为了用户流量着想,所以需要用户交互后才能播放。虽然苹果公司是出于好心,但是如果网页打开之后还需要一个交互才能听到美妙的背景音乐,那么网站的体验效果自然差了很多。可是这种问题要怎么解决呢?
冥思苦想了很久,终于做了一个艰难的决定。于是乎就这样尝试了一下:
$(function(){
$("#audio")[0].play();
})
没想到竟然好用!!!
全部的代码是这样
html
head
script src="js/jquery.js"/script
/head
body
audio id="audio" src="song.mp3" autoplay="autoplay"
您的浏览器不支持audio标签。
/audio
$(function(){
$("#audio")[0].play();
})
/body
/html
题主的意思是要html5扫描你的手机内存,这个好像不行哦。
你只能事先写好音乐路径才行吧。
这个说到底还是手机专用语言比较好实现,Web的东西都依托于服务器,而js的功能又有限。
为了防止不必要的自动播放浪费流量,手机网页访问带有audio的页面是不会自动播放的。
Safari屏蔽了autoplay,必须由用户交互事件触发,因为autoplay在移动网络环境下可能会造成用户流量费剧增
Android的我不清楚,下面是引自Safari Reference
In Safari on iPhone OS (for all devices, including iPad), where the
user may be on a cellular network and be charged per data unit,
autobuffering and autoplay are disabled. No data is loaded until the
user initiates it. This means the JavaScript play() and load() methods
are also inactive until the user initiates playback, unless the play()
method is triggered by user action.