タグ

html5に関するkotakのブックマーク (9)

  • HTML5のvideoタグで利用するmp4の動画を作る時のTips - Qiita

    最近、スマホやタブレットを使う機会も多いですが、その辺りの端末に動画コンテンツを提供する時に楽なのがmp4形式の動画をvideoタグで貼り付ける事です。 ただ、ちょっとした注意点があって、どういう状況で再生するかによって細かい調整をしておかないと、再生開始までにえらく時間がかかるようになって、非常に不便になります。 既に作成済みの動画を再生する場合 mp4形式の動画を再生するためにはメタデータ情報が必要です。メタデータは通常ファイルの末尾に付与されます。ファイルサイズが小さい時は気付かないのですが、10分、20分ぐらいあるような動画を再生しようとすると末尾まで読んでから再生できるかどうかを判別するので、再生が開始できるようになるまでに異様に時間がかかるようになります。 そこで動画作成時にメタデータをファイルの先頭に移動させておきます。 こうする事で、ファイルサイズが大きい動画でも一瞬で再生

    HTML5のvideoタグで利用するmp4の動画を作る時のTips - Qiita
  • Learn web development  |  web.dev

    Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

    Learn web development  |  web.dev
  • PhobosLab

    HTML5 Live Video Streaming via WebSockets When I built my Instant Webcam App, I was searching for solutions to stream live video from the iPhone's Camera to browsers. There were none. When it comes to (live) streaming video with HTML5, the situation is pretty dire. HTML5 Video currently has no formalized support for streaming whatsoever. Safari supports the awkward HTTP Live Streaming and there's

  • AndroidデバイスのHTML5対応状況


    HTML5WidgetAndroidOSHTML5調 調HTML5TEST ( http://www.html5test.com ) 使OS 使 OS2.2 Nexus One OS2.1 Galaxy S OS1.6 IS01 OS2.2176OS2.1151OS 1.646 OS2.2 OS2.1 OS1.6 Chrome197 Parsing rules Parsing rulesOS 1.6, OS 2.1, OS 2.2Chrome1/11 Canvas CanvasOS1.6,OS2.1,OS2.220
    AndroidデバイスのHTML5対応状況
  • adakoda.com

    kotak
    kotak 2010/03/24
  • HTML5で書かれた「スーパーマリオ」みたいなゲーム


    HTML51CanvasCanvasJavaScript使WebHTML51PurpleFloyd'sBlog A Platform Game Using HTML5 Canvas  Internet Explorer 7/8Firefox 1Google ChromeHTML5
    HTML5で書かれた「スーパーマリオ」みたいなゲーム
    kotak
    kotak 2010/02/21
  • Video - Dive Into HTML5

    You are here: Home Dive Into HTML5 Video on the Web Diving In Anyone who has visited YouTube.com in the past four years knows that you can embed video in a web page. But prior to HTML5, there was no standards-based way to do this. Virtually all the video you’ve ever watched “on the web” has been funneled through a third-party plugin — maybe QuickTime, maybe RealPlayer, maybe Flash. (YouTube uses F

    Video - Dive Into HTML5
    kotak
    kotak 2010/01/27
    videoサポートに関する説明
  • HTML 5 differences from HTML 4

    Abstract "HTML5 Differences from HTML4" describes the differences of the HTML5 specification from those of HTML4. Status of This Document This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at

    kotak
    kotak 2009/07/03
  • HTML Standard

    Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F

    kotak
    kotak 2009/07/03
  • 1