HTML5-video and audio 音视频
2015-04-05 09:31
543 查看
``1 `bg
最早的音视频表现: <embed> ......</embed>
之后插件支持: silverlight 和 flash 三方插件播放音视频
video and audio tag支持:
测试音视频支持: www.youtube.com/html5
有些还是要用flash: 1, 许可内容的限制(版权保护较弱,可以另存拷贝之类的); 2, 不能录制音视频(比如视频聊天类的应用); 3, 自适应视频流表现较弱, MSE支持这一功能,已经在webkit537 与 webkit600上面实现; 4, 低延时, 高性能音频; 5, 动态创建 或编辑音频;
<audio src="rubber.mp3" controls preload="metadata" audoplay loop> </audio>
// 可以控制播放,暂停, 结束, 跳转到某个位置,调节音量 等
<video src="rubber.mp4" width="400", height="300" poster="swiss_alps.jpg" controls preload="metadata" audoplay loop> </video>
// 可以控制播放,暂停, 结束, 跳转到某个位置,调节音量 等
<video controls width="700" height="400" >
<source src="beach.mp4" type="video/mp4">
<source src="beach.ogv" type="video/ogg">
</video>
格式之争 与 后备措施:
格式之争:
mp3--->>.mp3
wav---->.wav
h.264---->>mp4
ogg theora --->>.ogv
webm-->>.webm
MIME类型: 内容类型;
网页的MIME类型是 : text/html
编码媒体文件:
音频编码器:
wav 音频编辑器audacity: http://audacity.sourceforge.net 免费的编辑器, mac与 windows版本
mp3 编辑器: lame mp3编辑器, http://lame。buanzo.com.ar 免费
goldwave编辑器: Http://www.goldwave.com 象征性收费;
miro video converter: 自由开源的程序 有windows 和 Mac OS X版本,
可以将视频文件转换成 webm, theora 或者 h。264
Firefogg: 这是一个针对Firefox插件 http://firefogg.org , 可以创作theora 或 webm视频文件;
HandBrake: 这是一个开源,多平台的软件, http://handbrake.fr , 能把多种格式 转换为 h.264(及 其他几种最新的格式)
Zencoder: 这是一个专业, 能与你的网站 集成的 媒体编码服务器, http://zencoder.com
Youtube:
视频内容不能超过15分钟, 可以上传视频, 选择格式, youtube将其重新编码成他支持的格式。
如何上传视频到youtube: http://upload.youtube.com/my_videos_upload
javascript 媒体播放器:
videoJS: http://videojs.com
jplayer: http://www.jplayer.org
字幕 与 无障碍性:
HTML5建议了一个<track> 元素, 指向一个外部字幕文件, 可以是WebSRT格式, 或者WebVTT格式,
videoSub这个 javascript库: http://www.storiesinflight.com/js_videosub/
leanback player: http://dev.mennerich.-name/showroom/html5_video
<audio src="rubber.mp3" controls preload="metadata" audoplay loop> </audio>
// 可以控制播放,暂停, 结束, 跳转到某个位置,调节音量 等
最早的音视频表现: <embed> ......</embed>
之后插件支持: silverlight 和 flash 三方插件播放音视频
video and audio tag支持:
测试音视频支持: www.youtube.com/html5
有些还是要用flash: 1, 许可内容的限制(版权保护较弱,可以另存拷贝之类的); 2, 不能录制音视频(比如视频聊天类的应用); 3, 自适应视频流表现较弱, MSE支持这一功能,已经在webkit537 与 webkit600上面实现; 4, 低延时, 高性能音频; 5, 动态创建 或编辑音频;
<audio src="rubber.mp3" controls preload="metadata" audoplay loop> </audio>
// 可以控制播放,暂停, 结束, 跳转到某个位置,调节音量 等
<video src="rubber.mp4" width="400", height="300" poster="swiss_alps.jpg" controls preload="metadata" audoplay loop> </video>
// 可以控制播放,暂停, 结束, 跳转到某个位置,调节音量 等
<video controls width="700" height="400" >
<source src="beach.mp4" type="video/mp4">
<source src="beach.ogv" type="video/ogg">
</video>
格式之争 与 后备措施:
格式之争:
mp3--->>.mp3
wav---->.wav
h.264---->>mp4
ogg theora --->>.ogv
webm-->>.webm
MIME类型: 内容类型;
网页的MIME类型是 : text/html
编码媒体文件:
音频编码器:
wav 音频编辑器audacity: http://audacity.sourceforge.net 免费的编辑器, mac与 windows版本
mp3 编辑器: lame mp3编辑器, http://lame。buanzo.com.ar 免费
goldwave编辑器: Http://www.goldwave.com 象征性收费;
miro video converter: 自由开源的程序 有windows 和 Mac OS X版本,
可以将视频文件转换成 webm, theora 或者 h。264
Firefogg: 这是一个针对Firefox插件 http://firefogg.org , 可以创作theora 或 webm视频文件;
HandBrake: 这是一个开源,多平台的软件, http://handbrake.fr , 能把多种格式 转换为 h.264(及 其他几种最新的格式)
Zencoder: 这是一个专业, 能与你的网站 集成的 媒体编码服务器, http://zencoder.com
Youtube:
视频内容不能超过15分钟, 可以上传视频, 选择格式, youtube将其重新编码成他支持的格式。
如何上传视频到youtube: http://upload.youtube.com/my_videos_upload
javascript 媒体播放器:
videoJS: http://videojs.com
jplayer: http://www.jplayer.org
字幕 与 无障碍性:
HTML5建议了一个<track> 元素, 指向一个外部字幕文件, 可以是WebSRT格式, 或者WebVTT格式,
videoSub这个 javascript库: http://www.storiesinflight.com/js_videosub/
leanback player: http://dev.mennerich.-name/showroom/html5_video
<audio src="rubber.mp3" controls preload="metadata" audoplay loop> </audio>
// 可以控制播放,暂停, 结束, 跳转到某个位置,调节音量 等
相关文章推荐
- html5 音频和视频(audio And video)
- html5 音频和视频(audio And video)
- html5 音频和视频(audio And video)
- 低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频
- HTML5 audio与video标签实现视频播放,音频播放
- HTML5 Video与Audio 视频与音频
- 让Chrome的HTML5 video/audio tag支持更多种音视频格式
- Html5之audio音频和video视频的控制详解(controls)
- Using HTML5 audio and video
- [html5]html5视频video与音频audio用法详解
- 在使用html5 的audio,video播放语音,视频的一些总结心得
- HTML5音视频播放(Video,Audio)和常见的坑处理
- HTML5 audio与video标签实现视频播放,音频播放
- HTML5_video_and_audio
- HTML5音视频播放(Video,Audio)和常见的坑处理
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- Html5新属性audio音频和video视频的控制详解(controls)
- HTML5 audio与video标签实现视频播放,音频播放
- HTML5无插件多媒体Media——音频audio与视频video
- HTML5(2):音频(audio)与视频(video)