HTML5-video and audio 音视频


``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>

// 可以控制播放,暂停, 结束, 跳转到某个位置,调节音量 等


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值