html中js控制音频标签,使用 JavaScript 控制 html5 <audio> <video> 元素的播放等功能

前言

html5是一种跨平台，简单而又高效的技术。它提供了诸如等十分方便的标签来嵌入或使用音视频等资源(当然具体解码支持与浏览器有关)，这些标签还支持html5的事件属性和全局属性。而用js来控制audio等标签可以达到一个简单的音乐播放器效果。

audio 标签与 video 标签

关于audio标签与video标签的使用方法，w3c上有通俗易懂的示范。

下面是个简单的示例：

您的浏览器不支持html5 audio标签

用js控制audio标签

用js控制audio元素的方法很简单,获取audio元素之后调用相关API即可。

//获取audio

var auios=document.getElementById("playm");

//在需要的地方调用下面两个函数(例如按钮等)

//控制播放

auios.play();

//暂停

audio.pause();

能做什么

实现一个简单的页面：点击”播放“按钮开始播放，按钮文字变为“暂停”，等待再次点击。再次点击按钮暂停播放，按钮文字变为”播放“，等待再次点击。

根据上面的方法可以实现一个简单的页面播放器：

引用资料

1.[头图]【PIXIV】君がくれたイヤリング 34070092

2.[图片]【minori】神代爱丽丝#SPPL#1 minori