Android HTML5 Video

キャンセル
次の結果を表示 
表示  限定  | 次の代わりに検索 
もしかして: 

Android HTML5 Video

Android HTML5 Video

What is HTML5 Video?

  • HTML5 video is an element for the purpose of playing videos or movies in HTML5 specification.
  • HTML5 video is intended by its creators to become the new standard way to show video on the web without plugins.
  • Video will be shown inside the web page, like flash.

Picture1.jpg

HTML5 Video Web Page

  • <video> element example

<video src="movie.mp4" poster="movie.jpg" controls>

</video>

  • HTML5 video page source example

<html>

          <head>

          </head>

           <body>

                     <video src="http://10.192.225.226/movie.mp4" width="640" height="480"  controls="true">

                     </video>

           </body>

</html>

HTML5 Video Rendering Path

Picture2.jpg

Performance Data in i.MX6Q with Android ICS

  • With LVDS display, H264@1080p@20Mbps
    • Can reach 30 fps
  • With HDMI 1080p display, H264@1080p@10Mbps
    • Can reach 25 fps

HTML5 Video Website

HTML5 reference document

  • SPEC

        http://dev.w3.org/html5/spec/single-page.html?utm_source=dlvr.it&utm_medium=feed

  • Wikipedia page

       http://en.wikipedia.org/wiki/HTML5

ラベル(2)
タグ(2)
%3CLINGO-SUB%20id%3D%22lingo-sub-1102204%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3EAndroid%20HTML5%20Video%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1102204%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3E%26lt%3Bmeta%20http-equiv%3D%22Content-Type%22%20content%3D%22text%2Fhtml%3B%20charset%3Dutf-8%22%20%2F%26gt%3B%0A%3CH1%20id%3D%22toc-hId-380546483%22%20id%3D%22toc-hId-1304184816%22%3EHTML5%20%E3%83%93%E3%83%87%E3%82%AA%E3%81%A8%E3%81%AF%3F%3C%2FH1%3E%3CP%3E%3C%2FP%3E%3CUL%3E%3CLI%3EHTML5%20%E3%83%93%E3%83%87%E3%82%AA%E3%81%AF%E3%80%81HTML5%20%E4%BB%95%E6%A7%98%E3%81%A7%E3%83%93%E3%83%87%E3%82%AA%E3%82%84%E3%83%A0%E3%83%BC%E3%83%93%E3%83%BC%E3%82%92%E5%86%8D%E7%94%9F%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%A6%81%E7%B4%A0%E3%81%A7%E3%81%99%E3%80%82%3C%2FLI%3E%3CLI%3EHTML5%20%E3%83%93%E3%83%87%E3%82%AA%E3%81%AF%E3%80%81%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%9B%E3%81%9A%E3%81%AB%20Web%20%E4%B8%8A%E3%81%A7%E3%83%93%E3%83%87%E3%82%AA%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E6%96%B0%E3%81%97%E3%81%84%E6%A8%99%E6%BA%96%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%93%E3%81%A8%E3%82%92%E4%BD%9C%E6%88%90%E8%80%85%E3%81%8C%E6%84%8F%E5%9B%B3%E3%81%97%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%3C%2FLI%3E%3CLI%3E%E3%83%93%E3%83%87%E3%82%AA%E3%81%AF%E3%83%95%E3%83%A9%E3%83%83%E3%82%B7%E3%83%A5%E3%81%AE%E3%82%88%E3%81%86%E3%81%ABWeb%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%81%AB%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%BE%E3%81%99%E3%80%82%3C%2FLI%3E%3C%2FUL%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%22%20image-alt%3D%22Picture1.jpg%22%3E%3Cspan%20class%3D%22lia-inline-image-display-wrapper%22%20image-alt%3D%22Picture1.jpg%22%20style%3D%22width%3A%20799px%3B%22%3E%3Cimg%20src%3D%22https%3A%2F%2Fcommunity.nxp.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F38228i1494B8E89AF6308E%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Picture1.jpg%22%20alt%3D%22Picture1.jpg%22%20%2F%3E%3C%2Fspan%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3C%2FP%3E%3CH1%20id%3D%22toc-hId--1426907980%22%20id%3D%22toc-hId--503269647%22%3EHTML5%20Video%20Web%20Page%3C%2FH1%3E%3CP%3E%3C%2FP%3E%3CUL%3E%3CLI%3E%3CVIDEO%3E%20%E8%A6%81%E7%B4%A0%E3%81%AE%E4%BE%8B%3C%2FVIDEO%3E%3C%2FLI%3E%3C%2FUL%3E%3CBLOCKQUOTE%3E%0A%3CP%3E%3CVIDEO%20src%3D%22https%3A%2F%2Fcommunity.nxp.com%2Fmovie.mp4%22%20poster%3D%22movie.jpg%22%20controls%3D%22%22%3E%3C%2FVIDEO%3E%3C%2FP%3E%0A%3CP%3E%3C%2FP%3E%3C%2FBLOCKQUOTE%3E%3C%2FLINGO-BODY%3E%3CP%3E%3C%2FP%3E%0A%0A%0A%0A%0A%0A%0A%3CSPAN%20class%3D%22mce_paste_marker%22%3E%3C%2FSPAN%3E%3CUL%3E%3CLI%3EHTML5%20%E5%8B%95%E7%94%BB%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%BD%E3%83%BC%E3%82%B9%E4%BE%8B%3C%2FLI%3E%3C%2FUL%3E%3CBLOCKQUOTE%3E%0A%3CP%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FP%3E%0A%3CP%3E%3CSPAN%3E%20%3CVIDEO%20src%3D%22%26lt%3B%2FSPAN%26gt%3B%26lt%3BA%20class%3D%22%20jive-link-external-small%3D%22%22%3E%3CA%20href%3D%22http%3A%2F%2F10.192.225.226%2Fmovie.mp4%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttp%3A%2F%2F10.192.225.226%2Fmovie.mp4%3C%2FA%3E%3CSPAN%3E%22%20width%3D%22640%22%20height%3D%22480%22%20controls%3D%22true%22%26gt%3B%3C%2FSPAN%3E%3C%2FVIDEO%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FP%3E%0A%3CP%3E%3C%2FP%3E%0A%0A%0A%0A%0A%0A%0A%3C%2FBLOCKQUOTE%3E%3CP%3E%3C%2FP%3E%3CH1%20id%3D%22toc-hId-1060604853%22%20id%3D%22toc-hId-1984243186%22%3EHTML5%20%E3%83%93%E3%83%87%E3%82%AA%20%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0%20%E3%83%91%E3%82%B9%3C%2FH1%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%22%20image-alt%3D%22Picture2.jpg%22%3E%3Cspan%20class%3D%22lia-inline-image-display-wrapper%22%20image-alt%3D%22Picture2.jpg%22%20style%3D%22width%3A%20801px%3B%22%3E%3Cimg%20src%3D%22https%3A%2F%2Fcommunity.nxp.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F38254iABE96CAE18804924%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Picture2.jpg%22%20alt%3D%22Picture2.jpg%22%20%2F%3E%3C%2Fspan%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3C%2FP%3E%3CH1%20id%3D%22toc-hId--746849610%22%20id%3D%22toc-hId-176788723%22%3EAndroid%20ICS%E3%82%92%E6%90%AD%E8%BC%89%E3%81%97%E3%81%9Fi.MX6Q%E3%81%AE%E6%80%A7%E8%83%BD%E3%83%87%E3%83%BC%E3%82%BF%3C%2FH1%3E%3CP%3E%3C%2FP%3E%3CUL%3E%3CLI%3ELVDS%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E4%BB%98%E3%81%8D%E3%80%81H264%401080p%4020Mbps%3CUL%3E%3CLI%3E30fps%E3%81%AB%E9%81%94%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%3C%2FLI%3E%3C%2FUL%3E%3C%2FLI%3E%3CLI%3EHDMI%201080p%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E4%BB%98%E3%81%8D%E3%80%81H264%401080p%4010Mbps%3CUL%3E%3CLI%3E25fps%E3%81%AB%E9%81%94%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%3C%2FLI%3E%3C%2FUL%3E%3C%2FLI%3E%3C%2FUL%3E%3CP%3E%3C%2FP%3E%3CH1%20id%3D%22toc-hId-1740663223%22%20id%3D%22toc-hId--1630665740%22%3EHTML5%20%E5%8B%95%E7%94%BB%20Web%20%E3%82%B5%E3%82%A4%E3%83%88%3C%2FH1%3E%3CP%3E%3C%2FP%3E%3CUL%3E%3CLI%3EAndroid%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%A7%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AE%E4%B8%80%E9%83%A8%E3%81%AEHTML5%E3%83%93%E3%83%87%E3%82%AAWeb%E3%82%B5%E3%82%A4%E3%83%88%3CUL%3E%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fcommunity.nxp.com%2Fwww.youtube.com%22%20target%3D%22test_blank%22%3Ewww.youtube.com%3C%2FA%3E%3C%2FLI%3E%3CLI%3E%3CA%20href%3D%22https%3A%2F%2Fcommunity.nxp.com%2Fwww.iqiyi.com%22%20target%3D%22test_blank%22%3Ewww.iqiyi.com%3C%2FA%3E%3C%2FLI%3E%3C%2FUL%3E%3C%2FLI%3E%3C%2FUL%3E%3CP%3E%3C%2FP%3E%3CH1%20id%3D%22toc-hId--66791240%22%20id%3D%22toc-hId-856847093%22%3EHTML5%20%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9%20%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88%3C%2FH1%3E%3CP%3E%3C%2FP%3E%3CUL%3E%3CLI%3E%E4%BB%95%E6%A7%98%3C%2FLI%3E%3C%2FUL%3E%3CP%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3CA%20href%3D%22http%3A%2F%2Fdev.w3.org%2Fhtml5%2Fspec%2Fsingle-page.html%3Futm_source%3Ddlvr.it%26amp%3Butm_medium%3Dfeed%22%20title%3D%22http%3A%2F%2Fdev.w3.org%2Fhtml5%2Fspec%2Fsingle-page.html%3Futm_source%3Ddlvr.it%26amp%3Butm_medium%3Dfeed%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%20target%3D%22_blank%22%3Ehttp%3A%2F%2Fdev.w3.org%2Fhtml5%2Fspec%2Fsingle-page.html%3Futm_source%3Ddlvr.it%26amp%3Butm_medium%3Dfeed%3C%2FA%3E%3C%2FP%3E%3CUL%3E%3CLI%3E%E3%82%A6%E3%82%A3%E3%82%AD%E3%83%9A%E3%83%87%E3%82%A3%E3%82%A2%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%3C%2FLI%3E%3C%2FUL%3E%3CP%3E%3CSPAN%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%3C%2FSPAN%3E%3CA%20class%3D%22jive-link-external-small%22%20href%3D%22http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHTML5%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%20target%3D%22_blank%22%3Ehttp%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHTML5%3C%2FA%3E%3C%2FP%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1102204%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3E%3CLINGO-LABEL%3EAndroid%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3E%E3%83%9E%E3%83%AB%E3%83%81%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
評価なし
バージョン履歴
最終更新日:
‎10-24-2012 10:27 PM
更新者: