html5播放mp3,HTML5播放器

html控制mp3播放问题

用html5的audio 标签来控制，以下代码适用于IE, firefox新版, chrome, safari

!DOCTYPE html

html

body

audio controls

  source src="music.mp3" type="audio/mpeg"

/audio

/body

/html

相关问答

Q1: html5如何在手机浏览器上播放mp3文件

这跟音频文件格式和浏览器是什么有关系，

由于在支持 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。根据返回值也可以确定浏览器是否能播放文件

Q2: html5网页想要加一个音乐播放器可以怎么做？

可以使用html5的audio标签来添加音乐播放器

audio controls

type:指定文件类型  

source src="horse.ogg" type="audio/ogg"

   source src="horse.mp3" type="audio/mpeg"

/audio

对应的参数属性如下图：

Q3: 手机网页上MP3播放器怎么实现？html5好像播放不了！

一般，直接用HTML5的代码可以，“播不了”要么是你标签属性写错路径了，要么是浏览器不支持这种格式(有些浏览器支持的格式较少，如IE10不支持ogg)。

版本太古董的手机也许有些麻烦，可能需要用些Flash控件，但有些手机浏览器又不支持Flash。

智能手机环境的最新的浏览器都支持HTML5的audio标签，用法可以在关于网页制作的参考书中查到，如

audio src="/i/horse.ogg" controls="controls"/audio

至于制作手机站点，一般使用移动流媒体布局方式创建网页。

Q4: HTML5如何通过select来选择播放音乐

可以试试这个。

播放歌曲使用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();}