用html如何播放wav文件?

用html如何播放wav文件?,第1张

方法一:

<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>

1、首先新建一个HTML文档,如图所示

2、然后在body标签里输入video标签。

3、接着在video标签内输入controls="controls",如图所示。

4、然后在video标签里输入<source>,接着在<source>内输入src="medias/volcano.ogg",如图所示。

5、然后在后面输入type="video/ogg"如图所示,然后在定义一个source标签。

6、在标签内输入src="medias/volcano.mp4" type="video/mp4"如图所示。

7、最后按f12预览就可以看到视频播放器了。

html播放音频用<audio>标签。

 <audio>

        <source src="music.mp3">

        <source src="music.ogg">

        <source src="music.wav">

    </audio>

1、<audio>标签是HTML5音乐播放器。

<audio>标签:用于在文档中表示音频内容。利用它,你可以在你的个人网站上放一首你喜欢的歌

2、用法跟<video>标签一样,属性src指定音频文件地址。<audio>标签默认是隐藏的。

3、为了方便我们对音频文件进行控制, *** 作它的进度、播放暂停、音量等等,我们可以给它添加controls属性:<audio src="m.mp3" controls></audio>。对于加上了controls属性, 不同的浏览器会展示不同样式的控制面板。

4、跟<video>标签一样,<audio>标签也 source、autoplay  loop、preload等属性 。

( chrome浏览器的音频控制面板 )


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6149091.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存