扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这跟音频文件格式和浏览器是什么有关系,
创新互联专注于邵阳企业网站建设,响应式网站,商城网站建设。邵阳网站建设公司,为邵阳等地区提供建站服务。全流程按需求定制网站,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务
由于在支持 HTML5 的所有浏览器中仅存在几种支持的格式,因此要赢得最大范围的受众,则可以使用 source 元素指定要尝试的多种文件格式。
audio controls="true"
source src="demo.mp3" type="audio/mp3"
source src="demo.ogg" type="audio/ogg"
source src="demo.aac" type="audio/mp4"
!-- If no support at all. --
HTML5 audio not supported
/audio
audio 对象将提供 canPlayType 方法以便预测试浏览器 的文件格式功能。 canPlayType 方法带有一个音频 mime 类型、编解码器(可选)参数,并且返回三个字符串之一:empty、maybe 或 probably。根据返回值也可以确定浏览器是否能播放文件
可以使用html5的audio标签来添加音乐播放器
audio controls
type:指定文件类型
source src="horse.ogg" type="audio/ogg"
source src="horse.mp3" type="audio/mpeg"
/audio
对应的参数属性如下图:
可以试试这个。
播放歌曲使用audio
123456789
audio id="player" src="1111.mp3" controls="controls"/audio//audio设定id为playervar player = documentById("player");document.getElementById("pid").onchange=function(){ var index = this.selectedIndex; var value = this.options[index].value player.setAttribute('src',value); player.play();}
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流