【HTML5】 web上的音频
<!--audio通过属性的设置可以控制音频播放的行为:表6-2 audio元素的属性————————————————————————————————————————————————————————属性 值 描述autoplay autoplay 音频就绪后马上播放controls controls 向用户显示控件,比如播放按钮loop loop 音频播放结束后重新播放preload preload 音频在页面加载并预备播放。如果使用“autoplay”,则忽略该属性src url 要播放音频的url————————————————————————————————————————————————————————表6-3 audio元素的方法————————————————————————————————————————————————————————方法 描述addTextTrack() 向音频添加新的文本轨道canPlayType() 检测浏览器是否能播放指定的音频类型load() 重新加载音频元素play() 开始播放音频pause() 暂停当前播放的音频————————————————————————————————————————————————————————表6-4 audio元素的常用事件————————————————————————————————————————————————————————事件 描述canplay 当前浏览器可以播放音频时pause 当音频已暂停时play 当音频已开始或不再暂停时playing 当音频在因缓冲而暂停或停止后就就绪时progress 当浏览器正在下载音频时volumechange 当音量已更改时timeupdate 当前的播放位置已更改时————————————————————————————————————————————————————————--><!DOCTYPE html><html><head><meta charset="utf-8"><title>audio</title></head><body><br><audio src="E:\MUSIC\Diplo - revolution.mp3" controls="controls" autoplay="autoplay">您的浏览器不支持audio标签</audio></body></html><!--另外,audio元素可以设置多个source元素。source元素可以连接不同的音频文件,浏览器将使用第一个可识别的格式<audio controls><source src=".../a.mp3" type="audio/mpeg"></audio><source src=".../b.mp3" type="audio/ogg"></audio> --> 运行结果:
转载于:https://www.cnblogs.com/dragonir/p/5698582.html
【HTML5】 web上的音频相关推荐
- html5 支持音频格式,html5中audio支持音频格式
HTML5 Audio标签能够支持wav, mp3, ogg, acc, webm等格式,但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持.不是所有的浏览器都支持MP ...
- html嵌入audio格式不支持,html5中audio支持音频格式的解决方法
HTML5 Audio标签能够支持wav, mp3, ogg, acc, webm等格式,但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持.不是所有的浏览器都支持MP ...
- html 音频格式,html5中audio支持音频格式
HTML5 Audio标签能够支持wav, mp3, ogg, acc, webm等格式,但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持.不是所有的浏览器都支持MP ...
- 在html中主要支持的音频格式,html5中audio支持音频格式
HTML5 Audio标签能够支持wav, mp3, ogg, acc, webm等格式,但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持.不是所有的浏览器都支持MP ...
- php项目网页音乐播放器插件,基于HTML5 canvas和Web Audio的音频播放器插件
wavesurfer.js是一款基于HTML5 canvas和Web Audio的音频播放器插件.通过wavesurfer.js你可以使用它来制作各种HTML5音频播放器,它可以在各种支持 Web A ...
- html5音频插件js,wavesurfer.js是一款基于HTML5 canvas和Web Audio的音频播放器插件
通过wavesurfer.js你可以使用它来制作各种HTML5音频播放器,它可以在各种支持 Web Audio 的浏览器中工作,包括 Firefox, Chrome, Safari, Mobile S ...
- html5audio音频自动缓冲,HTML5网络音频卡住了(缓冲问题?)(HTML5 web audio getting stuck (buffering issue?))...
HTML5网络音频卡住了(缓冲问题?)(HTML5 web audio getting stuck (buffering issue?)) 我正在制作一个(每周广播节目)音频网站,我一直遇到同样的问题 ...
- 大华海康摄像头人家自己是怎么在web上播放视频的
最近处理安防视频,怎么把摄像头视频在web上展示费了很大功夫,当然这一篇不是讲解我是怎么显示的,而是回答当时领导问我的一个问题,人家大华自己是怎么显示的? 我们知道大华海康大部分摄像头只对外提供rts ...
- HTML5学习总结-04 音频视频播放
一 音频播放 1 Audio(音频) HTML5提供了播放音频文件的标准 2 control(控制器) control属性攻添加播放,暂停和音量空间. 3 标签定义声音 <audio> 例 ...
最新文章
- RESTful Android
- java根据日期生成表主键_java 利用时间生成主键
- svn 安装_Tortoise SVN 安装
- 在Eclipse中显示.project和.classpath和.setting目录
- API Gateway简介
- 导入功能 php,php Excel 导入功能
- 内存模型是怎么解决缓存一致性的
- java工程师的终极书单_Java 9 –终极功能列表
- 计算机二级C操作题题型
- spring boot单元测试(转)
- spring提供的线程池
- Simulink嵌入式自动代码DSP F28335(4)——SVPWM
- linux脚本看日历,Linux查看日历之cal命令
- 不只是包子铺!巴比食品:重回高增长赛道,做中式面点第一品牌
- php开启xml服务,Windows下的PHP开启DomXML
- springboot启动画面看腻了,换一个试试?
- golang 批量ping工具
- 单片机开发应用技术综合实验装置
- 【算法】创新工场涂鸦移动2017校园招聘测试题-A卷-软件工程师
- 教你如何保存机密文件(将压缩包保存为一张图片)
热门文章
- PHP学习笔记4:字符串与正则
- (原创)无废话C#设计模式之十一:Composite
- 如何判断塑料制品可不可以装热水
- why wechat is not a good place for the learning, but csdn is
- try not do unnecessary subscriptions
- 开发:随笔记录之 Json字符串和对象的相互转换
- CocoaPods 错误解决 Attempt to read non existent folder
- Android MediaPlayer
- 实战mongodb3.06 Relica Sets+sharding集群
- openerp 禁止导出