WebViewでvideoタグのページを閲覧する

現在HTML5関連のお勉強をしています。
スマートフォンの端末やブラウザソフト毎に対応がバラバラなのがネックですね…。
というわけで、今回の話題はHTML5から動画ファイルの再生を容易にしたvideoタグについて。

ためしに
 <video width="***" height="***" autoplay loop>
 <source src="../movie/movie.mp4"></source>
 <source src="../movie/movie.webm"></source>
 </video>
こんな感じのタグを埋め込んだHTMLファイルをサーバに置き、
Android端末から色々なブラウザで閲覧してみました。

Android(docomo　GalaxyNexus　OS_4.1.1)
 ・Android標準ブラウザ　4.1.1　⇒　○　
 ・FireFox　17.0　⇒　○
 ・Chrome　18.0.1025464　⇒　○
オプションの有効無効などの多少の差異はありましたが
ブラウザアプリを立ち上げて見る分には問題無い事を確認。


…で、問題が、AndroidのWebView、でした。


AndroidのWebViewでVideoタグを見ようとすると、
プレイヤーは表示されるのですが再生ボタンを押しても何も表示されない。
カーソルだけが動く、でもそのカーソルも操作しようとすると
謎の挙動を起こす、そして表示は相変わらず何も起こらない。
そんな感じでした。

そんな馬鹿な!!と、なんとかAndroidWebViewでvideoタグを閲覧する方法をググらせて頂くと
ちゃーんと用意してくださっている方がいらっしゃる。ありがたやありがたや…
⇒http://code.google.com/p/html5webview/
（http://www.tandroid.org/html5webview）

1.ココの
 「Source」タブに記載されているリポジトリからSVNを用いてソースコードを頂く
 ソースコードはhtml5WebViewを用いたサンプルプロジェクトになっている

2.自分のプロジェクトを作成するなりなんなりする
 忘れない内にAndroidManifest.xmlファイルにInternetのパーミッションを指定しておく

3.先程頂いたプロジェクトファイルから複製する
 ・srcの…HTML5WebView.java
 ・リソースフォルダの…
  drawable/default_video_poster.png
  layout/custom_screen.xmlとvideo_loading_progress.xml
  value/colors.xmlとstrings.xml（既に作成されていたらマージする）

4.あとはWebViewを用いるところをHTML5WebViewで作成する
 HTML5WebViewインスタンスの生成はこんな感じで
 HTML5WebView webView　⇒　webView = new HTML5WebView(this)
 （基本サンプル様のやり方をまねればOK!!）

これで動く…はず!!


おまけ：
 上記の方法で普通は動くけれども、
 私の場合はおまけで以下のようなエラーが発生したのでメモです。

Caused by: java.lang.IllegalStateException: The specified child already has a parent.
You must call removeView() on the child's parent first.

HTML5WebViewインスタンスをLinearLayoutに埋め込もうとしたのですが
当のHTML5WebViewインスタンスが
「既に親のオブジェクトを持ってしまっているので、
指定のオブジェクト(今回の場合はLinearLayout)を親にする事が出来ません。
現在の親オブジェクトの指定を取り除いてください」という事らしいです。

ViewGroup parent = (ViewGroup)webView.getParent(); 
if ( parent != null ) { //webViewの親グループを削除しておく
parent.removeView(webView);
}

こんな感じに親オブジェクト(グループ)を削除。
無事、指定のLinearLayoutにaddView()で挿入する事ができましたｖ
(参照サイト様：http://d.hatena.ne.jp/Kazzz/20100603/p1)

リンゴさんに文句言いたくなるわ。

役に立つか分からないメモ、というより愚痴です。
愚痴、いいたくなりますよ。リンゴさん。

[事のいきさつ＝結構どうでもいい]
つい先日からiPhoneの方で物作り、というほどでもないのですが、やり始めまして。
開発PCのOSのバージョンが古かったんです。雪豹ちゃんです。
既存のアプリをこの雪豹ちゃんでいじろうとしましたが、
その既存アプリはもともと山獅子ちゃんで作られていて、xCodeのバージョンも違う。
だからなのか、いじれないなぁ…となりまして。
じゃあ、雪豹ちゃんを山獅子に進化？させてやりましょう、と。
[回想終了]

さて、ここからアンサイクロペディアの「たらいまわし」のごとき
ぐぐる先生をさまよう旅がはじまりました。

まずは自分のAppleIDを作らねば、と作りに行きました。
日本語のまま、ね。
名前も、住所も全てジャパニーズでしっかり登録（フラグ）

はいじゃあ作りましたという事で、次にディベロッパー登録せねばとね。登録しました。
よし、じゃあまずは普通にライオンちゃんに来てもらうかね、とライオンちゃんをクリック。

「あなたのAppleID、iTunesで使われた事ないね。レビュー見てね」
見たいな事言われて、あぁはいすみませんとレビューへ。

iTunesアカウント作ろうとしたらそこで一悶着あったんですけど、忘れました。
(登録できないーって何か暴れていた気がします…何が起こってどうやって解決したやら…)
クレジットカード登録を避ける方法ですが、
一般的な方法(無料アプリを落とす時のアカウント作成画面を利用する)は
既にAppleID作っちゃってたからか出来ませんでした出来ませんよね？
というわけで一旦カード情報登録して、即行で削除しました。面倒クセェ
四苦八苦してなんとかiTunesアカウントゲット。

よしよしじゃあライオンちゃんいらっしゃい、とライオンちゃん購入。
AppleStoreの購入一覧にかわいいライオンちゃんがいたのでクリック、すると…
「この商品、日本じゃサポートしてないよ？」的なメッセージ。
…………は？(゜Д゜＃)
いやいや何血迷った事言ってくれるのさ、そんなわきゃねぇだろ、と
AppleIDか、はたまたiTunesアカウントが悪さしているのか。

この理不尽なメッセージは海外の商品を購入する際によく出るメッセージだそうで。
いや、でも、これOS…
とりあえず、iTunesアカウントの国籍を一旦米国にさせていただくかな、と変えようとしたら
「このアカウント、日本じゃねーと使えねぇから!!（お前席ねぇから風」って突き放されちゃいまして。
え、じゃあAppleIDは？とためしにやったら、
こっちはこっちで「無理。あんたの時計が狂ってるか、Appleのクッキー有効にしろや」と怒られた。え、意味分からん。

～ここで半日程無駄にする～

上記のような意味不明状況の解決方法。

AppleStoreで無料のソフトを落とす。

(ここでも雪豹ちゃんが古いせいで「バージョン古いｗｗｗごめん対象外だわｗｗｗ」って
はじかれまくった。対象スペックの欄が見つからないんですって…)
その時に3つの魔法の言葉ならぬ質問と、
AppleIDに登録したのとは別のメアドを登録ってページになってぽちぽち記入、進む。

そしたら。急に、ライオンちゃんのダウンロードが開始してた。

…(゜Д゜)

…(゜Д゜)

？(゜Д゜)

何事もなかったかのようにダウンロードを終えて、ついでに無料ソフトもばっちり入ってました。
……………………………………………………………
…………………………えぇえええぇえええ!!?
何、が、起こったし…わけがわからない。


そして最初の死亡フラグ、AppleID作成時に日本語入力した項目が
ばっちりバグっとります(現在進行形)
「日本語で登録すると名前が修正できなくなって、厄介な事になるよ!!」と
ぐぐる先生回っている最中に知ったので「え」となって
あわてて修正しにいったのですが時既に遅し。

メンバーページに行くと「Hi,(日本語名前)(英語姓)」となる。
…名前が日本語のままになって直らないらしいですね…
MyInfoってページで直せるという噂があったのですが繋がりませんでした。
これからAppleID作られる方は御気をつけて…。