More Related Content Similar to TV・車・ゲームに搭載されているブラウザってどうなっているの? (20) TV・車・ゲームに搭載されているブラウザってどうなっているの?6. P. 6P. 6
組込ブラウザをやっている企業
ACCESS (日本) 車、TV、ゲーム
Obigo (韓国) 車
Esipial (カナダ) TV
Vewd (ノルウェイ 旧Opera) : TV
自社開発でWebKit or Chromiumを利用している企業もある
Mozilla も積極的に参加
7. P. 7P. 7
ブラウザの移り変わり
2000年初頭
PC: IE, FireFox, Opera
組込: NFB(独自エンジン), Opera(独自エンジン), OpenWeve(WAPブラウザ)
2005年 WebKit OSS化
2007年 初代IPhone発売
2008年 Chromeリリース
2011年 NetFrontNX(WebKit)リリース
2011年 HTML5 LastDraft
2013年 WebKitとBlinkの分離, OperaのChromium利用
2014年 NetFrontBE(Chromium)リリース
9. P. 9P. 9
テレビ の ブラウザ dデータボタン から ブラウザを起動
TVの映像
天気予報の情報とか
TVの内容を補足
する情報とか
映像以外の部分をブラウザで表示
13. P. 13P. 13
© 2017 ACCESS CO., LTD. All rights reserved. l Confidential
Hybridcast Connect とは
放送局
付加サービス
自宅
サービス提供
視聴者
受信機画面
Hybridcast
1
3
サービス管理
サーバー
2
URL
4
放送連動
5
外部サービス連動
Hybridcast Connect 画面
NHKが推進している放送-通信の連携サービス
通信部の仕様としてHTML5を使用
15. P. 15P. 15
• リモコンでの快適な操作を目指しての十字キーでのフォーカスハンドラ
– 一般サイトだとマウスやタッチ前提
• テレビ向け仕様への対応
– JLab拡張 API(日本)
– hbbTV拡張 API(欧州)
• 大画面向け対応とメモリや速度のパフォーマンスチューニング
– 数Kb単位で節約する要望も受ける
• TTML(Timed Text Style Guide)を利用した字幕対応
– Netflixでも採用されている字幕の仕様
– W3Cで規定されている
TV向けブラウザの開発
20. P. 20P. 20
車 の ブラウザ
• HMI(Human Machine Interface)としてのUI
• アプリ
• マニュアル
• ブラウジング
21. P. 21P. 21
Jaguar Land Rover
• Webから情報を取得する部分についてブラウザを採用
© 2016 ACCESS CO., LTD. All rights reservedl
22. P. 22P. 22
IVI (In-Vehicle Infotaiment)
GENIVI AGL : Automotive Grame Linux
Infomation + Entertaiment
24. P. 24P. 24
• 安全最優先
– 過去にはプロジェクトでFlashのソースのパッチを作ったことも
• 走行中の利用制限
– 運転者の気を散らさないこと(Driver Distraction)
– フォントサイズや位置画面の最大文字数等
車 向けブラウザの開発
25. P. 25P. 25
• WebSocket Vehicle Signal Server
– Vehicle APIを利用してlocal Serverから車両の情報を取得・更新できるように
車 向けブラウザの開発
WebApp
Browser
HW + OS
Vehicle Server WebService
IVI
26. P. 26P. 26
Vehicle API (Draft)
const vias = new VISClient({
host: 'wwwivi',
protocol: 'wss://',
port: 443,
});
vias.connect
.set(() => {
return vias.set(" Signal.Cabin.Door.*.IsLocked “, [
{ 'Row1.Right.IsLocked': true },
{ 'Row1.Left.IsLocked': true },
{ 'Row2.Right.IsLocked': true },
{ 'Row2.Left.IsLocked' : true },
]);
})
.catch((error) => {
console.dir(error);
});
Setの例