Htmlvideo

446 views
358 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
446
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Htmlvideo

  1. 1. H TM L 5Ved io & ad uio
  2. 2. 大綱:* VID E* AU D IO* SWF
  3. 3. Vid eo
  4. 4. H tm l 5 支援瀏覽器版本視訊格式 Ogg NO 3.5 10.5 NO 5.0H.264 9.0 NO NO 3.0 5.0MPEG­ 9.0 NO NO 3.0 5.0 4WebM 9.0* 4.0 10.6 NO 6.0
  5. 5. H TM L 5 支援播放器格式視訊格式 檔案格式 影片編碼 音源編碼 器 器Firefox3.5  Ogg Theora Vorbis(Windows) Chrome3  Ogg/MP4 Theora/H.264 Vorbis/AAC/MP 3(Windows) Safari4  MP4 MPEG/H.264 AAC/MP3(Windows)
  6. 6. 視訊<video controls="controls">    <source src=muic.mp4 type=video/mp4;                           codec="mp4v.20.240,mp4a.40.2"/></video>
  7. 7. M IM E 類型 ( 一 ) 屬性 值 描述 自動播放autoplay autoplaycontrols controls 控制項, ex :播放、暫停、進度 條、音量 圖片高度 height 圖 loop loop 迴圈播放
  8. 8. M IM E 類型 ( 二 ) 屬性 值 描述poster url 指定一張圖片(預藍圖) 預設值: auto 一。 none :不預載檔案Preload 二。 metadata :部份預載檔案 三。 auto :全部預載檔案 Src url 播放視訊 urlwidth 圖 圖片寬度
  9. 9. MIME 攥寫方式MIME 類型: Ogg 影片資料 聲音資料 (編碼器: Theora ) (編碼器: Vorbis )<source src=muic.oggtype=video/mp4;                      codec="Theora, Vorbis"/>
  10. 10. Aud io
  11. 11. 音頻格式音頻格式Ogg Vorbis NO 3.5 10.5 NO 5.0 MP3 9.0 NO NO 3.0 5.0Wav PCM 9.0 3.5 10.5 3.0 NO AAC 9.0 NO NO 3.0 5.0WebM 音 頻 NO 4.0 10.6 NO 6.0
  12. 12. 音頻<audio controls="controls" style="width="400px" height="45px">     <source src="muic.mp3" type="audio/mpeg"> </audio>
  13. 13. Audio 常用屬性 屬性 值 描述autoplay autoplay 自動播放controls controls 控制項, ex :播放、暫停、進度條 、音量 loop loop 迴圈播放 預設值: autopreload 一。 none :不預載檔案 二。 metadata :部份預載檔案 三。 auto :全部預載檔案 src url 播放音訊 url
  14. 14. Swf
  15. 15. 內嵌 SWF<embed src="helloworld.swf" width="100px" height="200px"                           type="application/x­shockwave­flash">
  16. 16. Flash 屬性 屬性 值 height 高 src 來源、路徑 type Mime 類型 width 寬
  17. 17. 參考資料*MIME類型* M PEG 4*MIME类型查询表,后缀说明表*MIME TYPE大全列表*免費資源-Google swiffy將SWF轉Html5* H TM L 5 < em bed > type Attribute

×