テスト動画と動画の表示テスト
概要 各種PC用ブラウザ、iPhone、iPad、Androidでの動画の表示テストを行うためのページです。 動画はダウンロードしてご自由にお使いいただいて構いません。 トリミング、エンコード、二次利用、再配布など、全てOKです。 ただし、この動画を利用、もしくは利用になれないことにより生じるいかなるトラブルや損害には、当方は一切の責任を負いません。 「このエンコードでもテストしてよ」等ありましたら、ご連絡くださいませ。 ページの先頭へ戻る MIMEタイプの設定 .htaccessに下記を記述を追加しています。 AddType video/mp4 .mp4 AddType video/ogg .ogg .ogv AddType video/webm .webm ページの先頭へ戻る
Experimenting with webRTC on iOS
Over the past year, we have shown a number of demonstrations using our WebRTC-enabled WebKit engine, all running on a Linux laptop. Now, we've taken it a step further, and what we'll show today is a web app using WebRTC to make a video call between our linux browser and an iPad. From the iPad home screen, we launch the iLeif app, which will emulate a browser for us. It loads the simple voice ch
HTML Media Capture (W3C Last Call Working Draft 26 March 2013)
HTML Media Capture W3C Recommendation 01 February 2018 This version: https://www.w3.org/TR/2018/REC-html-media-capture-20180201/ Latest published version: https://www.w3.org/TR/html-media-capture/ Latest editor's draft: https://w3c.github.io/html-media-capture/ Test suite: https://w3c-test.org/html-media-capture/ Implementation report: https://www.w3.org/2009/dap/wiki/ImplementationStatus Previous
[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media
HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。 ページに追加する一行 下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ 参考：video, audioのサポート状況 video, audio
Chrome Experiments - Shaun The Sheep
Shaun the Sheep An HTML5 Video Experiment Watch Shaun and his friends' antics in clips from "An Ill Wind", "Snowed In", "The Big Chase", and "Twos Company" through an interactive experiment created with hardware-accelerated HTML5 video, 3D CSS Transforms, and WebM. Use the controls to expand and shrink the video, rotate the scene, bring up a rotating carousel of videos, turn on puddle reflection,
Canvasを使ったグロー効果が幻想的!!HTML5/Videoタグ用jQuery Plugin | ゆっくりと…
新年、明けましておめでとうございます。旧年中、このブログ読んで下さった方々、お世話になりました。今年もがんばりますので、よろしくお願いします 😀 。 新年一発目のお題は、Philips 社 の TV に装備された Ambilight を模した jQuery Plugin の紹介です。このギミック、日本ではほとんど馴染みがないと思いますが、液晶 TV の背面外周に取り付けられた LED が画面に合わせた色に発光し、映画館の環境 （アンビエント） 光の雰囲気を演出するというものです。 デモ & スクリプト CodeZine さんの 「HTML5で実現できるマルチメディア系機能 – ここが違う！サンプルで見るHTML5（4）」 で紹介されていた デモ を辿って、セルゲイさんのエントリー 「Ambilight for the tag video」 に行き着きました。Firefox 3.5、Ope
H.264ロイヤルティ免除の期限撤廃、HTML5標準に道すじ | ネット | マイコミジャーナル
権利管理会社のMPEG LAは8月26日(米国時間)、エンドユーザーに無料で提供されるインターネットビデオに対し、AVC特許ポートフォリオライセンスの全期間を通じてロイヤルティを免除すると発表した。同ポートフォリオライセンスには、Webビデオ配信に幅広く採用されているデジタルビデオ・コーデック規格AVC/H.264が含まれており、ロイヤルティフリーとなったことでHTML5の標準ビデオフォーマット争いにおいてH.264に支持が集まる可能性が高まってきた。 インターネットビデオのビデオコーデックは、Webブラウザベンダーを二分した対立を生みだしていた。現在Web用の動画形式ではH.264がよく使われているが、同形式はMPEG LAがライセンスを管理しており、ロイヤルティ免除の期限が2015年12月31日までとなっていた。その後のライセンスが不透明であるため、オープンでフリーなコーデックを求める
Googleのオープン動画フォーマット「WebM」、Appleは不支持か
HTML5動画のフォーマット問題、解決まだ遠く？ Googleが新しい動画コーデック「WebM」を発表し、主要ブラウザメーカーの大半が支持を表明した。だがAppleが足並みをそろえない可能性があり、HTML5の動画フォーマット問題は解決されないかもしれない。 HTML5の動画再生機能をめぐっては、ブラウザによって対応する動画フォーマットが異なるという問題が起きている。例えばSafariはH.264にしか対応しておらず、FirefoxはオープンソースのOgg/Theoraのみサポートしている。このためブラウザによっては再生できない動画があり、ユーザーの不利益になると指摘されていた。 GoogleがVP8コーデックをBSDライセンスの下でオープンソース化し、同技術を基盤とするWebMを発表したことで、この問題は解決に向かうかに見えた。Googleのほか、Firefoxを提供するMozilla、
Google、ビデオ・コーデック VP8 をオープンソース化 « HTML5.JP ブログ
米サンフランシスコで開催されている Google I/O 2010 の基調講演にて、VP8 と呼ばれるビデオ・コーデックをオープンソース化することが発表されました。 かねてから HTML5 のビデオ・コーデックについては問題となっていましたが、VP8 がオープンソース化することで、その動向に変化が出てくるかもしれません。 VP8 は、もともとは On2 と呼ばれる企業が開発したコーデックですが、Google が On2 を買収したことにより、兼ねてから VP8 がオープンソース化されるのではないかと期待されていました。世間の期待通り、このたびの Google I/O で、それが発表されました。 VP8 とはコーデックの名前ですが、そのデータを包むコンテナーの規定も欠かせません。そこで登場したのが、WebM と呼ばれるコンテナです。この WebM というコンテナーに、ビデオであれば VP8
主要ブラウザでvideoタグを有効にしてくれるJavaScript「html5media」 | Web活メモ帳
html5の<video>タグを使用すると簡単に動画を埋め込めるようになりますが、対応していないブラウザが多いのも事実です。 今回ご紹介する「html5media」はvideoタグを有効にする事ができるJavaScriptです。 videoタグを使用する事でFlashなどのプラグインが必要なくなり、設置も簡単にできるようになります。 詳しくは以下 次のコードを貼付けるだけでvideoタグが有効になります。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://html5media.googlecode.com/svn/trunk/src/jquery.html5media.min.js"></script> 後はhtmlに簡単なタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Games for Nintendo Switch, Nintendo 3DS, and Smartphones
HTML5 Video Destruction
Ambilight
はてなブログ | 無料ブログを作成しよう