YouTubing on Android thru Visualforce Sites
Visualforce の sites に youtube の検索結果を表示して再生するシンプルアプリを作った。sites のページを開いたあと、検索を行うとバックエンドで mashup して youtube から検索結果を取得してきます。見たい動画をクリックすると android ローカルで動画が再生されます。
youtube が javascript 用の api を公開しているので、それを用いて visualforce に書いて android 上で表示すると↓のように映る。なかなか良い感じ。
途中 js にて getElementsByTagNames を使用している最中に苦戦した。コーディング中、firefox や ie だと無事に結果が表示されるのだが、android のブラウザでは動作しなかった。原因を探ってみると、getElementsByTagNames("head") が null を返していた。どうも android browser は head タグを使っていない?らしい。仕方ないので代わりに body タグに置き換えて(これはさすがに動作した)回避。
android の youtube アプリもすばらしい。firefox などでは web 再生が普通であるが、android の場合、"browser で開く?ローカルの youtube アプリで開く?"と選択画面が出る。
browser で開くとうまく再生されんのだが、ローカルアプリで開くと快適。まず数秒の間動画をローディングして、そのあとはまさしく mini dvd 状態です。
さて sites 上に動画を流す用途。たとえば、sites にログイン制限をかけて社内用途にし、機器の操作やセットアップの動画マニュアル等に使える。saas 型で常に最新のマニュアルであるし、紙に毎回印刷しなくてよい、またコメントのフィードバックもできる。、もちろん salesforce なので最終的に report/dashboard に落とせるから分析も可。
検索画面
再生画面
youtube が javascript 用の api を公開しているので、それを用いて visualforce に書いて android 上で表示すると↓のように映る。なかなか良い感じ。
途中 js にて getElementsByTagNames を使用している最中に苦戦した。コーディング中、firefox や ie だと無事に結果が表示されるのだが、android のブラウザでは動作しなかった。原因を探ってみると、getElementsByTagNames("head") が null を返していた。どうも android browser は head タグを使っていない?らしい。仕方ないので代わりに body タグに置き換えて(これはさすがに動作した)回避。
android の youtube アプリもすばらしい。firefox などでは web 再生が普通であるが、android の場合、"browser で開く?ローカルの youtube アプリで開く?"と選択画面が出る。
browser で開くとうまく再生されんのだが、ローカルアプリで開くと快適。まず数秒の間動画をローディングして、そのあとはまさしく mini dvd 状態です。
さて sites 上に動画を流す用途。たとえば、sites にログイン制限をかけて社内用途にし、機器の操作やセットアップの動画マニュアル等に使える。saas 型で常に最新のマニュアルであるし、紙に毎回印刷しなくてよい、またコメントのフィードバックもできる。、もちろん salesforce なので最終的に report/dashboard に落とせるから分析も可。
検索画面
再生画面
0 Comments:
Post a Comment
<< Home