FirefoxOS搭載ケーブルSTB

FirefoxOS搭載ケーブルSTB
２０１５年４月１０日
パナソニック株式会社
ＡＶＣネットワークス社
ＳＴＢネットワークビジネスユニット
今日お話したいこと
５月にケーブルセットトップボックス(STB)の
アプリケーションコンテスト
“アプリジャム”
を開催します！！
みなさま、是非参加してください！
ケーブルテレビ／セットトップボックス（STB）って？
ケーブルテレビとは？
出典：日本ケーブルテレビ連盟
● ケーブルテレビなら地上デジタル放送に加えて、 BSデジタル放送（8チャンネル） 、
CSデジタル放送（66チャンネル以上）および、ケーブルテレビ局独自の番組や地域情報がお楽しみいただける
有料放送サービスです
※ケーブルテレビ局によってサービス内容が異なります
● ケーブルテレビ局が一括受信したさまざまな電波 （地上デジタル放送、BSデジタル放送、
CS/ケーブルデジタル放送）をケーブルを使ってお客様のお住まいへ届けるため、
自宅にアンテナを設置する必要がありません
● ケーブルテレビではテレビの近くに、デジタル放送をお楽しみいただくための、
専用チューナー（セットトップボックス：STB） が必要ですが、
地上デジタル放送対応チューナーを購入したり、テレビを買い替える必要もありません
ケーブルテレビのしくみ
■ ケーブルテレビ局様にて、地上デジタル放送、BSデジタル放送および専門番組を受信し、
センター設備（送信設備）にて再送信し、加入者様宅の受信機（STB）に届けます
■ STBはインターネットにも接続可能、VODやYouTubeなどのネットサービスを楽しめます
BSデジタル放送
ケーブルテレビ事業者様
センター設備（送信）
ケーブルテレビ加入者様
（受信）
テレビ
地上デジタル放送
ケーブルテレビ信号
番組供給会社
ケーブルテレビ送信設備
約530社
インターネット
・地デジ
・BSデジタル
・有料多チャンネル
STB
C-CASカード
約2,530万世帯
CSデジタル放送（有料多チャンネル放送）って？
スポーツ
映画
さまざまなジャンルの
専門番組
趣味
音楽
海外ドラマ
アニメ
アプリコンテスト開催の背景
■ ケーブルテレビ局様は多チャンネル放送・インターネット・電話に続く、加入者様の生活を
より豊かにする新たなサービスを探しています
● 地域密着のケーブルテレビ局らしいサービスの充実
● STBの視聴履歴データを活用することできめ細やかなサービスを実現 など
■ パナソニックは多彩なサービスの実現手段として “FirefoxOS + HTML5アプリ” を提案
これまで
これから
4K
テレビ
• 多チャンネル
• 自主放送
• VoD
インターネット
見守り・安心
電話
電力
マネージメント
携帯電話
トリプルプレイ
クワトロプレイ
新たなサービス
？
＋
ショッピング
健康管理
etc.
FirefoxOS
“サービス”＝アプリケーションアイデアの方向性
■ STBを単なるケーブルテレビの視聴端末ではなく、家庭内のゲートウェイとして活用し、
加入者様にケーブルテレビの新たな楽しみ方や便利で楽しいサービスを提供したい
【今現在できていること】
ケーブルテレビの視聴と視聴履歴の取得、ケーブルテレビのスマートフォンでの視聴（宅内・宅外）、
スマートフォンの画面をSTB経由でテレビに映す、スマートフォンをSTBのリモコンとして利用
周辺機器
【今後の方向性】
• STBがゲートウェイとなって家庭内のデバイスをつなぐ（IoT）
• テレビやスマホと連携した新たなサービス
• 4K TVの活用 − 大画面をどう活かすか など
？
スマホ・タブレット
インターネット
ケーブルテレビ
STB
HDMI
（映像・音声）
テレビ
で、アイデアコンテストを実施しました
【開催日時】 2015年3月14日（土）13:00~ 18:00
【開催場所】 デジタルハリウッド大学・大学院
５月にケーブルセットトップボックス(STB)の
アプリケーションコンテスト
“アプリジャム”
を開催します！！
みなさま、是非参加してください！
Firefoxで何ができるの？
Web API編
Firefoxで何ができるの？
みなさんの方が詳しいので割愛・・・
もう少し詳しく
【WebAPI（TV APIは除く）】
カテゴリー
API
概要
communication
TCP Socket(P)
低水準のソケットおよび SSL をサポートします。
data management
IndexedDB
パフォーマンスが高い検索機能をサポートする、クライアントサイドの構造化
データ用ストレージです。
Device Storage(P)
現代のデスクトッププラットフォームにおける "ピクチャ" フォルダやモバイルデ
バイスにおけるフォトストレージなど、デバイスの中心部にアプリがファイルを作
成、読み取り、変更することが可能です。
Apps
Open WebApps API は、Web アプリのインストールや管理をサポートします。ま
た、アプリが課金情報を調べることを可能にします。
Web Activities
Web コンテンツが、仮想的な物品に対する支払いや払い戻しの処理を開始
できます。
Browser(P)
Web 技術を完全に使用する Web ブラウザの構築をサポートします。
other
Firefoxで何ができるの？
TV API編
Firefoxで何ができるの？
受信中のチャンネル
情報が表示できます。
※画面はすべてイメージです。
テレビ受信画面を
好きな場所に表示できます。
放送局名、番組タイトル、番組開始時刻、
番組時間を取得できます。
受信中以外のチャンネル
情報も表示できます。
テレビ受信画面を
表示できます。
全局番組表
好きなチャンネルに
選局できます。
１局番組表
番組タイトル、番組概要、番組開始時刻、
番組時間を取得できます。
もう少し詳しく
■テレビを出すには・・・
[HTML]
<video id=“tv”></video>
[js]
navigator.tv.getTuners().then (function onsuccess(tuners) {
var video = document.getElementById(“tv”);
video.srcObject = tuners[0].stream;
}, function onerror(error) {
});
もう少し詳しく
■チャンネルを変えるには・・・
[js]
navigator.tv.getTuners().then (function onsuccess(tuners) {
var currentSource = tuners[0].currentSource;
if (!currentSource) {
return;
}
currentSource.getChannels().then (function onsuccess(channels) {
// first tv channel
var chNumber = channels[0].number;
currentSource.setCurrentChannel(chNumber).then (function onsuccess() {
// set channel ok.
}, function onerror(error) {
// error : set channel
});
}, function onerror(error) {
// error : get channels
});
}, function onerror(error) {
// error : get tuners
});
もう少し詳しく
■チャンネル情報を取得するには・・・
[js]
var curProgramsOfChannels = {};
navigator.tv.getTuners().then (function onsuccess(tuners) {
var currentSource = tuners[0].currentSource;
if (!currentSource) {
return;
}
currentSource.getChannels().then (function onsuccess(channels) {
channels.forEach(function getProgramsByChannel(channel) {
var chNumber = channel.number;
channel.getPrograms().then (function onsuccess(programs) {
curProgramsOfChannel[chNumber] = programs;
}, function onerror(error) {
// error : get programs
});
});
}, function onerror(error) {
// error : get channels
全局番組表
１局番組表
});
}, function onerror(error) {
// error : get tuners
});
詳しくは「TV Manager API」の
ドキュメントをご参照ください！！
後日公開予定
さらに詳しく
【TV API】
Interface
attribute or method
type
member
Navigator
readonly attribute
TVManager
tv
TVManager
method
Promise
getTuners
TVTuner
method
Promise
getSources
readonly attribute
DOMString
id
readonly attribute
TVSource?
currentSource
readonly attribute
MediaStream?
stream
・・・
・・・
・・・
method
Promise
getChannels
method
Promise
setCurrentChannel
readonly attribute
TVTuner
tuner
readonly attribute
TVSourceType
type
readonly attribute
TVChannel?
currentChannel
・・・
・・・
・・・
TVSources
さらに詳しく
【TV API】
Interface
attribute or method
type
member
TVChannel
method
Promise
getPrograms
readonly attribute
TVChannelType
type
readonly attribute
DOMString
name
readonly attribute
DOMString
title
TVProgram
readonly attribute Manager
DOMString
number
詳しくは「TV
API」の
・・・
・・・
・・・
ドキュメントをご参照ください！！
readonly attribute
TVChannel
channel
後日公開予定
unsigned long
readonly attribute
startTime
long
readonly attribute
unsigned long
long
duration
readonly attribute
DOMString?
description
・・・
・・・
・・・
大変申し上げにくいのですが
ここまでご説明したAPIは、
現在実装中のものが多くあります。
対応を見送る場合があると思いますが、
その際はご容赦いただきますよう
お願い申し上げます。
開発／デバッグ環境は
WebIDEから接続可能な
シミュレーターを開発中です。
後日公開予定
シミュレーター＋WebIDEで開発／デバッグ。
STB＋WebIDEでデバッグ。
STBにインストールして確認。（SDカード経由を予定）
ＭＷＣ2015
開催日程（案）
■ ネットで参加グループを募集、APIの仕様等を公開
■ ２日間でハッカソンを開催
■ ケーブル技術ショウ2015の当社ブースに優秀作品を展示、表彰を実施
3月
4月
▲
参加グループ募集
1
募集開始
開催要項
公開
▲
17
事前説明会
▲
3
説明会
STB実機展示
（詳細検討中）
5月
▲
8
5/23∼24
ハッカソン
開催
6月
6/10∼11
ケーブル技術
ショウ2015
★優秀作品の
展示と表彰
ご清聴ありがとうございました
TZ-HDT620/621シリーズ
http://panasonic.biz/broad/catv/
TZ-HDT620/621シリーズ
TZ-HDT620/621シリーズ
TZ-HDT620/621シリーズ
TZ-HDT620/621シリーズ
TZ-HDT620/621シリーズ
TZ-HDT620/621シリーズ
TZ-HDT620/621シリーズ
TZ-HDT620/621シリーズ
TZ-HDT620/621シリーズ
TZ-HDT620/621シリーズ