demo with VIERA

VIERA (Firefox OS TV) でデモ展示したりする時のためのメモです

VIERA へのアプリケーションインストール

• VIERA を設置したら開発ツールを接続するマシンと同じネットワークに接続してください。
• 2015,2016 年の VIERA では WebIDE から接続するための開発ツール有効化が隠しメニューとして用意されています。MDN の説明 に書いてあるとおり「ヘルプ」の「Firefox OSについて」画面でリモコンの赤ボタンを 10 秒間押しつつけてメニューを表示、「DevTools」を「オン」にしてください。
• 開発ツールを有効化したら WebIDE で接続する先の IP アドレスを確認するため「ネットワーク設定」の「ネットワーク状態」を開き、IP アドレス (例: 172.16.2.34) を確認してください。
• Firefox の WebIDE を起動し「リモートランタイム」で先ほどの VIERA の IP アドレスの 52222 版ポートを指定 (例: 172.16.2.34:52222) してください。
• VIERA 側で接続確認画面が出るので OK してください。あとは通常のシミュレータなどと基本的に同じです

note: 展示用に借りた場合は次の点に注意

• 最初に B-CAS カードの有無を確認、組み立て展示、最後に必ずまた B-CAS カードの確認をすること
• Netflix などに個人アカウントでログインした場合はログアウトしておく
• 勝手にインストールしたアプリは削除する

Firefox OS TV 向けアプリ

ブラウザ内からアクセスしても良いが、Firefox OS TV の App Discovery に登録されているサプリやサービスに自動リダイレクトするだけのパッケージアプリを作ってインストールすると良い感じになります。

• Captain Roger 2 http://rogers2.enclavegames.com/tv/
• Kicker http://cetv.kicker.de/
• Digital Trends http://tv.digitaltrends.com/firefoxos.htm
• Fit You http://fityou.fawesome.tv/?iptv=true
• Health Smart http://healthsmart.fawesome.tv/?iptv=true
• Happy Kids http://www.happykids.tv/?iptv=true
• Indian Recipes http://indian.ifood.tv/?iptv=true
• App Discovery https://marketplace.firefox.com/tv/

アプリ本体のコード例:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="0;URL=http://rogers2.enclavegames.com/tv/">
<title>Loading App...</title>
<script>
document.location = "http://rogers2.enclavegames.com/tv/";
</script>
</head>
<body>
<h1>Loading App...</h1>
</body>
</html>