HTML5アプリをiOS／Androidで動かすいくつかの方法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? HTML5で作ったアプリを、iOS／Androidで動かす方法をいくつか紹介します。 私自身がゲーム開発で使いたいために調べたものなので、少しゲーム寄りの情報になっています。 なお、HTML5で開発したアプリを対象としているため、独自のAPIをJavaScriptで バインディングした方式のものは除外しています。(Titaniumとか) ＃間違った記載がある場合や、他に良いものがあるよ、という場合はコメントいただけると嬉しいです。 Apache Cordova (PhoneGap) Cordovaは老舗で有名なのであまり書くことがありま
HTML5 videoでニコニコ動画風プレーヤーを作ろう (7/7)
文字サイズや色を指定できるように ここまでで今回のサンプルとしては完成ですが、最後におまけとして、文字サイズと色を指定できるように改造してみましょう。 文字サイズと色を指定するため、テロップデータにfontSizeとcolorを追加します。fontSizeとcolorが指定されていれば指定のサイズや色で表示し、指定されていなければデフォルトの文字サイズと色で表示する仕様です。以下の例では文字サイズは48pt、文字の色はorange（オレンジ）になります。 { 'id':'t1', 'sec': 0.5, 'text':'木曽川 特集', 'fontSize':'48pt', 'top':'50px', 'color':'orange' }, これらを反映させるスクリプトは以下の2行を追加するだけです。 if (telopData[i].fontSize) ele.style.fontSiz
★video要素、audio要素をJavaScriptから操作する
※このページでは、video要素、audio要素をJavaScriptから操作する方法について紹介しています。 単純に<video>タグや<audio>タグの使い方を知りたい方は、 以下のページなどをご確認ください。 <video>タグで動画を埋め込む <video> …… 動画を再生する <audio> …… 音声を再生する ■video要素、audio要素をJavaScriptから操作 HTML5では、video要素、audio要素をJavaScriptから操作するためのメソッド・プロパティ・イベントが用意されています。 これらのメソッド・プロパティ・イベントを使用することで、 JavaScriptから動画・音声などのメディアリソースの状態を参照したり、 読み込み・再生・一時停止・再生可能かどうかの確認などの操作が可能となります。 <video>タグのcontrols属性を指定すると、
HTML5 タグによる動画の再生、現在の再生時間や終了のタイミングの取得方法等 | Stronghold Archive
MP4からwebm/ogvへの変換、webm/ogvからMP4への変換は比較的簡単にできます。変換方法はコチラ 動画の現在の再生時間/終了時間/終了のタイミングの取得 これは以下のタグで実現できます。 <ul id="DETE"> <li id="end">再生中</li> <li id="now"></li> <li id="all"></li> </ul> <video id="video" class="vd" autoplay poster="video/thumb.jpg"> <source src="video/001.m4v"> <source src="video/001.webm"> <p><img src="video/thumb.jpg"></p> </video> function init(){ mVideo = document.getElementById("
Videoタグのイベント挙動サンプル | DevelopersIO
Videoタグについて調べていたのでVideoタグの挙動についてサンプルを作ってみました。属性関連もまとめました。 Videoタグとは VideoタグはHTML5で利用可能になる新しいタグのひとつです。従来、FlashやSilverlightを利用しなければ再生できなかった動画をプラグインなしで再生できるようになります。 特に、FlashやSilverlightを利用する際にもHTML4.01、XHTMLではembedタグやobjectタグを複雑に記述しなければいけなかったのですが、Videoタグを利用することでとてもシンプルに記述することができるようになります。 Videoタグで使える主なビデオコーデック Videoタグで使えるコーデックは主に３つあります。「Ogg Theora」「H.264」「VP8(WebM)」です。 このビデオコーデックがくせ者で、各ブラウザベンダーやその周辺の思
HTML5 Video Player
Convert Any Videos to HTML5 and Publish Online in Minutes! Convert video to HTML5 MP4, WebM, Ogv. Batch convert multiple videos. HTML5 video player with playlist Backward compatible with old browsers. iPad/iPhone/BlackBerry/Samsung compatible Why HTML5 Video Player? • As Easy As Images - Easier Embedding HTML 5 has the ability to easily add video to Web pages with just a few lines of HTML. No < ob
HTML5を使ってファイルを表示させずにダウンロードさせる方法
↑ こんな感じで、何かを直接ダウンロードさせることがあるかと思います。 CSVでなくても、画像をダウンロードしてもらいたい、とかね。 表示させてから右クリックで保存ってのもできるんだけど、かっこわるい。 ブラウザで表示できるものはブラウザが表示しちゃうので、 だいたい下のようになります。 Content-Dispositionを使う方法があるのですが、面倒です。 こういうの↓ PHP で CSV ファイルをダウンロードさせる PDFファイルやMP3ファイルを左クリックでダウンロードさせる方法 しかも、Content-Dispositionはもともとファイルをダウンロードさせるためにあるものではありません。 [googlead] HTML5で実現する HTML5ではdownloadという属性が使えます。 sample.csvをダウンロードさせたい場合、download="sample.csv
Video.js - Make your player yours
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cocoon.io domain name is for sale. Inquire now.
current/duration time of html5 video?
jsdo.it HTML5-Games | 砂ゲーを移植してみた
video.js/api.md at stable · videojs/video.js · GitHub
How do i change the src of an html5 video via javascript without either crashing chrome or leak memory?