(5)html音频视频
2024-09-12 00:32:58
音频
1、互联网常用的音频格式
ogg
有损的音频压缩技术
免费的开源音频格式
它可以在相对较低的数据速率下实现比MP3更好的音质
mp3
有损的音频压缩技术
想使用MP3格式发布自己的作品,需要付给发明MP3的公司专利使用费
wav
无损压缩,浏览器支持差
flac
无损压缩
aac
音效速率公式
音效速率水平≈容量(M)× 音效系数(C)÷音乐播放时间
音乐播放时间≈容量(M)× 音效系数(C)÷位速
音效系数每个格式是固定的,比如MP3的音效系数是136kbps/M
2、
格式:
<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg"> </audio>
3、
属性:
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则音频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
loop | loop | 如果出现该属性,则每当音频结束时重新循环开始播放。 |
preload | preload |
如果出现该属性,则音频在页面加载时进行加载,并预备播放。 如果使用 “autoplay”,则忽略该属性。 |
src | url | 要播放的音频的 URL。也可以使用<source>标签来设置音频。 |
谷歌
火狐
IE9
加载页面后自动、循环播放此URL连接里的音乐
<body>
<audio controls="controls" autoplay="autoplay" loop="loop">
<source src="http://www.w3school.com.cn/i/song.mp3" type="audio/mpeg">
</body>
去掉 controls="controls" 可以达到隐藏播放器的效果,这个挺有意思
<body>
<audio autoplay="autoplay" loop="loop">
<source src="http://www.w3school.com.cn/i/song.mp3" type="audio/mpeg">
</body>
视频
<body>
<video width="800" height="600" controls>
<source src="movie.mp4" type="video/mp4">
</video>
</body>
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则视频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
height | pixels | 设置视频播放器的高度。 |
loop | loop | 如果出现该属性,则当媒介文件完成播放后再次开始播放。 |
muted | muted | 规定视频的音频输出应该被静音。 |
poster | URL | 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。 |
preload | preload |
如果出现该属性,则视频在页面加载时进行加载,并预备播放。 如果使用 "autoplay",则忽略该属性。 |
src | url | 要播放的视频的 URL。 |
width | pixels | 设置视频播放器的宽度。 |
最新文章
- Ecshop :后台添加新功能 菜单及 管理权限 配置
- iOS 在类别里添加成员变量的方法:objc_setAssociatedObject
- 使用 json_in_java
- postgresql 主从配置
- LOL-无双剑姬我的最爱
- iOS开发系列之触摸事件
- TableView_图片异步加载 KVO
- 关于XMLHttpRequest对象的responseText属性
- Django ORM详解
- java常量池詳解
- git(windows)
- Django之Xadmin
- System优化
- mysql数据库授权
- 小学生四则运算出题软件-基于java控制台的实现
- sql分页语句 速度比较快
- window下git的下载
- 使用TortoiseGit从GitHub下拉上传代码配置
- 解决了好几个软件的构建问题,在解决部署问题,bluemix部署
- MySQL 百万级分页优化(Mysql千万级快速分页)(转)
热门文章
- init0-6(启动级别)
- Three displays CodeForces - 987C (dp)
- 为工程添加上下文菜单(ContextMenu)
- 浅谈Http长连接和Keep-Alive以及Tcp的Keepalive
- 03009_HttpServletResponse
- luogu2455 [SDOI2006]线性方程组 高斯消元法
- [POJ 1002] 487-3279 C++解题报告
- python - work5 - 类与对象 - 拓展题
- xml和pandas结合处理的一个小例子-待完善
- HDU2098 分拆素数和