html中对audio的操作

作者: stois | 来源:发表于2015-11-13 13:58 被阅读105次

<audio src="sound/Button13.wav" id="audio" preload="load" style="width: 1px ; height : 1px ; display : none ; " controls="controls" ></audio>

根据一张古老的图，wav文件在chrome下不被支持：

古老的文件类型图

但事实上wav文件在安卓和ios的浏览器包括webview里，都已经得到了广泛的支持。

之后在每次点击按钮时，调用一个播放声音的方法即可。

function playSound()
{
    var node=document.getElementById('audio');
     if(node!=null)
        {
            node.play();
        }
}

还有pause等其他方法可以调用。

html中对audio的操作
根据一张古老的图，wav文件在chrome下不被支持：但事实上wav文件在安卓和ios的浏览器包括webview...
html5影音多媒体（video和audio）的简单介绍
video元素与audio元素 1、video元素与audio元素的基础知识video元素--在HTML5中专门用...
HTML
1.多个音频分享微信，朋友圈 document.addEventListener("WeixinJSBridgeR...
移动端css样式初始化
html,body,abbr,acronym,address,applet,article,aside,audio...
js音乐播放器链接
http://www.shejidaren.com/free-audio-players.html
IFE-仿豆瓣音乐播放器
任务目的 ● 练习综合运用HTML、CSS、JavaScript实现功能● 熟悉 html5 audio 使用● ...
移动端----au
在我们的移动端，如果，我们需要播放audio（音频）和video（视频），是要借助html新增的标签，audio和...
2018-05-31
赞美诗歌，711首，把你的人生交给主掌管 https://audio.html5.qq.com/audio-f...
Web Audio API 弹奏demo
先看demo参考自张鑫旭利用HTML5 Web Audio API给网页JS交互增加声音 Web Audio A...
HTML5的新特性
HTMl5中的部分有趣的新特性： canvas: 用于绘画（很厉害，只是学习成本高） video和audio：用...