[html5]html5音乐播放器支持点击播放的应用实例
[html5]html5音乐播放器支持点击播放的应用实例
这是一个html5音乐播放器的简单应用范例:
其代码如下:
- <!DOCTYPE HTML>
- <html>
- <body>
- <audio id="my" src="歌曲地址" controls="true">
- 酷播提示:你的浏览器不支持HTML5
- </audio>
- <input type="button" onclick="document.getElementById('my').play()" value='播放'/>
- <input type="button" onclick="document.getElementById('my').pause()" value='暂停'/>
- </body>
- </html>
- API详解1:实现fullscreen全屏模式
- API详解2:悲剧的position地理位置
- API详解3:为何网页上要增加Battery电池状态API
- API详解4:最实用的DeviceOrientation设备传感器API
- API详解5:Page Visibility API帮您省流量,提高体验
- API详解6:利用getUserMedia API可实现拍照功能
- API详解7:利用Link perfetch提升加载速度,优化体验
- API详解8:woker多线程教你如何避免页面卡死
- API详解9:大家都知道的localStorage API 本地存储
- API详解10:sessionStorage API 实用方法与场景
- API详解11:Cache应用程序缓存,离线也可以玩
- API详解12:Canvas画布API提供的内容很丰富
- API详解13:vedio/audio视频和音频
- API详解14:Notification API PC端实现桌面提醒
- API详解15:History API 不刷新也可以跳转页面
- API详解16:web socket 全双工通信
- API详解17:Web SQL DateBase本地数据库
- API详解18:IndexedDB 实现本地存储
热门文章推荐
- 10款html5网页播放器推荐(总有一款适合你)
- [html5]html5+css3实现图片斜角切成直角梯形显示的源代码
- [HTML5]HTML5视频video时间事件代码
- [微信]iOS苹果和微信中音频和视频实现自动播放的方法
- [html5]html5视频全屏实现的源代码
- [Html5]mobile-agent移动Agent,就是具有移动性的智能Agent
- [html5]视频播放器js控制vedio视频和分段播放
- [html5]H5播放器:竖屏播放\横屏播放\跟随旋转例子
请稍候...