html随场景变化的音效原理

html-css017

html随场景变化的音效原理,第1张

首先，HTML5所定义的audio元素支持3种音频格式。分别是Ogg Vorbis、MP3、Wav。其中Ogg Vorbis支持Firefox 3.5、Opera 10.5、Chrome 3.0。MP3支持IE 9、Chrome 3.0、Safari 3.0。Wav支持Firefox 3.5、Opera 10.5、Safari 3.0。

它们是这样工作的，如果要HTML5当中播放音频代码如下：<audio src="song.ogg" controls="controls"></audio>

代码中：src="音频文件路径"（其中.ogg文件所支持的浏览器上面有所提），control 属性供添加播放、暂停和音量控件，<audio>与 </audio>之间插入的内容是供不支持 audio 元素的浏览器显示的。

对于音频的属性控制，我们需要<audio>标签的属性。autoplay属性：值“autoplay”。如果出现该属性，则音频在就绪后马上播放。controls属性：值“controls”。如果出现该属性，则向用户显示控件，比如播放按钮。loop属性：值“loop”。如果出现该属性，则每当音频结束时重新开始播放。preload属性：值“preload”。如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。src属性：值“url”。要播放的音频的 URL。

<audio>元素的优点在于：素能够播放声音文件或者音频流。改变了传统的音频在web上的播放观念，不再通过插件（如FLASH）来播放。规定了通过audio元素来包含音频的标准方法。使网页上的音频播放标准化。

方法一：

<object classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' 调用media player

方法二：

<bgsound  loop="false"   autostart="false"  id="bgss" src="XXX">

html5 的audio：

<audio src="../temp.wav" controls="controls">wav</audio>

用HTML5的audio标签，就要考虑浏览器对音频格式的支持情况，见下图：

如果要兼容所有现代浏览器，建议以如下方式同时引入mp3和ogg格式：

<audio preload="auto">

<source src="test.mp3" />

<source src="test.ogg" />

</audio>

编码问题，转个编码就行了。

<divclass="video">

<videowidth="340"height="200"controls="controls">

<sourcesrc="view/video.mp4"type='video/mp4codecs="avc1.42E01E,mp4a.40.2"'/>

</video>

</div>

扩展资料：

注意事项

MP4有3种编码，mpg4(xdiv),,mpg4(xvid)，avc(h264)，只有h264才是公认的MP4标准编码。

<video>标签所支持的视频格式和编码：

MP4=MPEG4文件使用H264视频编解码器和AAC音频编解码器

WebM=WebM文件使用VP8视频编解码器和Vorbis音频编解码器

Ogg=Ogg文件使用Theora视频编解码器和Vorbis音频编解码器

会发现只有h264编码的MP4视频（MPEG-LA公司）、VP8编码的webm格式的视频（Google公司）和Theora编码的ogg格式的视频（iTouch开发）可以支持html5的<video>标签。