iPhoneでvideoを使用する場合、autoplayの指定が効かない、再生時はフルスクリーン表示になるなど色々な制約があります。
今回は、インラインで動画を自動再生させる方法がないかを調べてみました。
確認はiOS9で行っています。
HOME > canvas
-
iPhoneで動画をブラウザ内で再生する
-
canvasに表示した内容を画像に変換する
canvasの内容を画像(データURI)に変換してみます。
-
CreateJSを使ってみる
Flashのようなリッチコンテンツを作成できるJavaScriptのフレームワーク「CreateJS」を使ってみます。
-
canvasで画像にマスクをかける
canvasで描画した画像にパスを指定してマスクをかける方法をメモ。
-
File APIでローカルから取得した画像をcanvas上に表示する
File APIでローカルから画像を選択して、取得した画像をcanvas上に表示する流れを実装してみたのでメモ。
-
rainyday.jsを使ってみる
雨が降っているような表現ができるライブラリ「rainyday.js」を使ってみます。
-
Raindrops.jsを使ってみる
雨が水面に落ちたような演出のできるjQueryプラグイン「Raindrops.js」の使い方をメモ。
-
canvasで円グラフを描画する
canvasで円グラフを自作で描画してみます。
-
p5.jsを使ってお絵かきツールを作ってみる
p5.jsを使って簡単な絵を描画できるようにしてみます。
-
p5.dom.jsを使ってみる