Data URI Data URI スキームスキーム
西本圭佑 (NISHIMOTO Keisuke)keisukencappuccinonejp
第二回 okayama-js勉強会
20120128 第2回okayama-js 2
大都会から来ました大都会から来ました
岡山駅東口からの眺め
20120128 第2回okayama-js 3
またまた
Scala組かよw
LT Scala組多杉だろwww
20120128 第2回okayama-js 4
自己紹介自己紹介
緒言 西本 圭佑 Twitter keisuke_n mailto keisukencappuccinonejp
仕事 Webアプリ開発と支援(主なもの)
趣味 宇宙航空開発鉄道情報ウォッチ 電子工作
20120128 第2回okayama-js 5
前回前回
変態変態
言われ続けたので
今回はまじめな話します
20120128 第2回okayama-js 6
今日は今日は
Data URI スキーム
の話をします
20120128 第2回okayama-js 7
Data URI Data URI スキームとはスキームとは
RFC 2397 httptoolsietforghtmlrfc2397
httpenwikipediaorgwikiData_URI_scheme Data URI スキーム(Uniform Resource Identifier
scheme)はWebページのインラインデータを外部リソースのように取り込む方法を提供する
例 ltimg src=dataimagepngbase64iVBORwgt
画像音声ビデオなどで使用できる
20120128 第2回okayama-js 8
Data URI Data URI スキームフォーマットスキームフォーマット
dataimagepngbase64iVBORw data データスキーム
imagepng MIMEタイプ
base64 Base64でエンコード
iVBORw Base64でエンコードされたデータ
20120128 第2回okayama-js 9
デモデモ
画像表示 ltimg
src=dataimagepngbase64iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P48w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== alt=Red dotgt
HTML表示 ltiframe
src=datatexthtmlbase64PGgxPkhlbGxvLCB3b3JsZCE8L2gxPg==gtltiframegt
20120128 第2回okayama-js 10
デモデモ
JavaScriptで音声ファイルを動的に生成して音声発声 間に合わなかった><
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 2
大都会から来ました大都会から来ました
岡山駅東口からの眺め
20120128 第2回okayama-js 3
またまた
Scala組かよw
LT Scala組多杉だろwww
20120128 第2回okayama-js 4
自己紹介自己紹介
緒言 西本 圭佑 Twitter keisuke_n mailto keisukencappuccinonejp
仕事 Webアプリ開発と支援(主なもの)
趣味 宇宙航空開発鉄道情報ウォッチ 電子工作
20120128 第2回okayama-js 5
前回前回
変態変態
言われ続けたので
今回はまじめな話します
20120128 第2回okayama-js 6
今日は今日は
Data URI スキーム
の話をします
20120128 第2回okayama-js 7
Data URI Data URI スキームとはスキームとは
RFC 2397 httptoolsietforghtmlrfc2397
httpenwikipediaorgwikiData_URI_scheme Data URI スキーム(Uniform Resource Identifier
scheme)はWebページのインラインデータを外部リソースのように取り込む方法を提供する
例 ltimg src=dataimagepngbase64iVBORwgt
画像音声ビデオなどで使用できる
20120128 第2回okayama-js 8
Data URI Data URI スキームフォーマットスキームフォーマット
dataimagepngbase64iVBORw data データスキーム
imagepng MIMEタイプ
base64 Base64でエンコード
iVBORw Base64でエンコードされたデータ
20120128 第2回okayama-js 9
デモデモ
画像表示 ltimg
src=dataimagepngbase64iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P48w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== alt=Red dotgt
HTML表示 ltiframe
src=datatexthtmlbase64PGgxPkhlbGxvLCB3b3JsZCE8L2gxPg==gtltiframegt
20120128 第2回okayama-js 10
デモデモ
JavaScriptで音声ファイルを動的に生成して音声発声 間に合わなかった><
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 3
またまた
Scala組かよw
LT Scala組多杉だろwww
20120128 第2回okayama-js 4
自己紹介自己紹介
緒言 西本 圭佑 Twitter keisuke_n mailto keisukencappuccinonejp
仕事 Webアプリ開発と支援(主なもの)
趣味 宇宙航空開発鉄道情報ウォッチ 電子工作
20120128 第2回okayama-js 5
前回前回
変態変態
言われ続けたので
今回はまじめな話します
20120128 第2回okayama-js 6
今日は今日は
Data URI スキーム
の話をします
20120128 第2回okayama-js 7
Data URI Data URI スキームとはスキームとは
RFC 2397 httptoolsietforghtmlrfc2397
httpenwikipediaorgwikiData_URI_scheme Data URI スキーム(Uniform Resource Identifier
scheme)はWebページのインラインデータを外部リソースのように取り込む方法を提供する
例 ltimg src=dataimagepngbase64iVBORwgt
画像音声ビデオなどで使用できる
20120128 第2回okayama-js 8
Data URI Data URI スキームフォーマットスキームフォーマット
dataimagepngbase64iVBORw data データスキーム
imagepng MIMEタイプ
base64 Base64でエンコード
iVBORw Base64でエンコードされたデータ
20120128 第2回okayama-js 9
デモデモ
画像表示 ltimg
src=dataimagepngbase64iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P48w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== alt=Red dotgt
HTML表示 ltiframe
src=datatexthtmlbase64PGgxPkhlbGxvLCB3b3JsZCE8L2gxPg==gtltiframegt
20120128 第2回okayama-js 10
デモデモ
JavaScriptで音声ファイルを動的に生成して音声発声 間に合わなかった><
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 4
自己紹介自己紹介
緒言 西本 圭佑 Twitter keisuke_n mailto keisukencappuccinonejp
仕事 Webアプリ開発と支援(主なもの)
趣味 宇宙航空開発鉄道情報ウォッチ 電子工作
20120128 第2回okayama-js 5
前回前回
変態変態
言われ続けたので
今回はまじめな話します
20120128 第2回okayama-js 6
今日は今日は
Data URI スキーム
の話をします
20120128 第2回okayama-js 7
Data URI Data URI スキームとはスキームとは
RFC 2397 httptoolsietforghtmlrfc2397
httpenwikipediaorgwikiData_URI_scheme Data URI スキーム(Uniform Resource Identifier
scheme)はWebページのインラインデータを外部リソースのように取り込む方法を提供する
例 ltimg src=dataimagepngbase64iVBORwgt
画像音声ビデオなどで使用できる
20120128 第2回okayama-js 8
Data URI Data URI スキームフォーマットスキームフォーマット
dataimagepngbase64iVBORw data データスキーム
imagepng MIMEタイプ
base64 Base64でエンコード
iVBORw Base64でエンコードされたデータ
20120128 第2回okayama-js 9
デモデモ
画像表示 ltimg
src=dataimagepngbase64iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P48w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== alt=Red dotgt
HTML表示 ltiframe
src=datatexthtmlbase64PGgxPkhlbGxvLCB3b3JsZCE8L2gxPg==gtltiframegt
20120128 第2回okayama-js 10
デモデモ
JavaScriptで音声ファイルを動的に生成して音声発声 間に合わなかった><
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 5
前回前回
変態変態
言われ続けたので
今回はまじめな話します
20120128 第2回okayama-js 6
今日は今日は
Data URI スキーム
の話をします
20120128 第2回okayama-js 7
Data URI Data URI スキームとはスキームとは
RFC 2397 httptoolsietforghtmlrfc2397
httpenwikipediaorgwikiData_URI_scheme Data URI スキーム(Uniform Resource Identifier
scheme)はWebページのインラインデータを外部リソースのように取り込む方法を提供する
例 ltimg src=dataimagepngbase64iVBORwgt
画像音声ビデオなどで使用できる
20120128 第2回okayama-js 8
Data URI Data URI スキームフォーマットスキームフォーマット
dataimagepngbase64iVBORw data データスキーム
imagepng MIMEタイプ
base64 Base64でエンコード
iVBORw Base64でエンコードされたデータ
20120128 第2回okayama-js 9
デモデモ
画像表示 ltimg
src=dataimagepngbase64iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P48w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== alt=Red dotgt
HTML表示 ltiframe
src=datatexthtmlbase64PGgxPkhlbGxvLCB3b3JsZCE8L2gxPg==gtltiframegt
20120128 第2回okayama-js 10
デモデモ
JavaScriptで音声ファイルを動的に生成して音声発声 間に合わなかった><
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 6
今日は今日は
Data URI スキーム
の話をします
20120128 第2回okayama-js 7
Data URI Data URI スキームとはスキームとは
RFC 2397 httptoolsietforghtmlrfc2397
httpenwikipediaorgwikiData_URI_scheme Data URI スキーム(Uniform Resource Identifier
scheme)はWebページのインラインデータを外部リソースのように取り込む方法を提供する
例 ltimg src=dataimagepngbase64iVBORwgt
画像音声ビデオなどで使用できる
20120128 第2回okayama-js 8
Data URI Data URI スキームフォーマットスキームフォーマット
dataimagepngbase64iVBORw data データスキーム
imagepng MIMEタイプ
base64 Base64でエンコード
iVBORw Base64でエンコードされたデータ
20120128 第2回okayama-js 9
デモデモ
画像表示 ltimg
src=dataimagepngbase64iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P48w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== alt=Red dotgt
HTML表示 ltiframe
src=datatexthtmlbase64PGgxPkhlbGxvLCB3b3JsZCE8L2gxPg==gtltiframegt
20120128 第2回okayama-js 10
デモデモ
JavaScriptで音声ファイルを動的に生成して音声発声 間に合わなかった><
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 7
Data URI Data URI スキームとはスキームとは
RFC 2397 httptoolsietforghtmlrfc2397
httpenwikipediaorgwikiData_URI_scheme Data URI スキーム(Uniform Resource Identifier
scheme)はWebページのインラインデータを外部リソースのように取り込む方法を提供する
例 ltimg src=dataimagepngbase64iVBORwgt
画像音声ビデオなどで使用できる
20120128 第2回okayama-js 8
Data URI Data URI スキームフォーマットスキームフォーマット
dataimagepngbase64iVBORw data データスキーム
imagepng MIMEタイプ
base64 Base64でエンコード
iVBORw Base64でエンコードされたデータ
20120128 第2回okayama-js 9
デモデモ
画像表示 ltimg
src=dataimagepngbase64iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P48w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== alt=Red dotgt
HTML表示 ltiframe
src=datatexthtmlbase64PGgxPkhlbGxvLCB3b3JsZCE8L2gxPg==gtltiframegt
20120128 第2回okayama-js 10
デモデモ
JavaScriptで音声ファイルを動的に生成して音声発声 間に合わなかった><
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 8
Data URI Data URI スキームフォーマットスキームフォーマット
dataimagepngbase64iVBORw data データスキーム
imagepng MIMEタイプ
base64 Base64でエンコード
iVBORw Base64でエンコードされたデータ
20120128 第2回okayama-js 9
デモデモ
画像表示 ltimg
src=dataimagepngbase64iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P48w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== alt=Red dotgt
HTML表示 ltiframe
src=datatexthtmlbase64PGgxPkhlbGxvLCB3b3JsZCE8L2gxPg==gtltiframegt
20120128 第2回okayama-js 10
デモデモ
JavaScriptで音声ファイルを動的に生成して音声発声 間に合わなかった><
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 9
デモデモ
画像表示 ltimg
src=dataimagepngbase64iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P48w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== alt=Red dotgt
HTML表示 ltiframe
src=datatexthtmlbase64PGgxPkhlbGxvLCB3b3JsZCE8L2gxPg==gtltiframegt
20120128 第2回okayama-js 10
デモデモ
JavaScriptで音声ファイルを動的に生成して音声発声 間に合わなかった><
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 10
デモデモ
JavaScriptで音声ファイルを動的に生成して音声発声 間に合わなかった><
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 11
まとめまとめ
応用 HTMLの難読化にも使える サーバを介さない様々なサービスを展開できる
ビデオから音声を抽出する 英文から動的に音声合成発声をする ビデオファイルをデコードしながら表示する 以上は実際に存在している
HTML5 + JavaScriptベースの可能性
ビデオオーディオストリーミングクライアントの可能性 画像処理の可能性
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 12
まとめまとめ
利点 HTML内に内部リソースを挿入できる
JavaScriptなどで動的に生成すればサーバに依存せずにローカルでなんでもできてしまう
欠点 ブラウザによって対応状況が異なる あまり大きなリソースを作るとブラウザごと落ちてしまう
かも なんでも生成できるのでセキュリティ上の懸念も
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 13
最後に最後に
まだまだ旬じゃないけど
そろそろ使ってみてもいいかな
Data URI スキーム
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions
20120128 第2回okayama-js 14
おわりおわり
ご清聴ありがとうございました
20120128 第2回okayama-js 15
質疑応答質疑応答
Any Questions