html5网页播放声音

Posted 2021-04-04 范浩浩

网页上时常需要语音播放新消息提醒，这时可以用<audio>标签定义声音，比如音乐或其他音频流，<audio>是html5的新标签。

<audio>属性： 

属性 值 描述 

autoplay autoplay 如果出现该属性，则音频就绪后马上播放 

conlrols controls 如果出现该属性，则向用户现实控件，比如播放按钮 

loop loop 如果出现该属性，则每当音频结束时重新开始播放 

preload preload 如果出现该属性，则音频在页面加载时进行加载，并预备播放，如果使用“autoplay”，则忽略该属性 

src url 要播放的音频的url

<embed>标签定义嵌入的内容，比如插件 

注释：<embed> 标签必须有 src 属性。

<embed>属性 

属性 值 描述 

height pixels 设置嵌入内容的高度 

width pixels 设置嵌入内容的宽度 

type type 定义嵌入内容的类型 

src url 嵌入内容的url

<audio controls="controls" height="100" width="100" autoplay="autoplay">  //新版本用这个方式播放

    <source type="audio/mp3" />

    <embed height="100" width="100" autostart="true" loop="1"/>  //旧版本用这个方式播放

</audio>