用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、首先打开Sublime Text编辑器新建一个工程,在目录中准备好1个html文件和要插入的音频文件:

2、打开HTML文件,新建一个空的HTML5文档结构,在body标签中插入audio元素,audio元素里面通过source引入音频文件:

3、保存文件以后打开浏浏览器,会在网页中看到音频播放器,点击播放按钮就会自动播放音频了:


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存