SlideShare ist ein Scribd-Unternehmen logo
1 von 11
自己紹介
 名前
 muchiki0226(木村 尭海)
○ Techboosterの中の人
 業務では
 家電連携Androidアプリケーション開発
 個人では
 Androidアプリ開発
 WindowsPhone7アプリ開発
 サッカーロボット競技大会「RoboCup」に参加
 Twitter:@muchiki0226
目次
 FirefoxOSアプリの開発の同期
 「FirefoxOSアプリを作る」の舞台裏
 FirefoxOSの動画再生について
 動画アプリ作りでの感想
FirefoxOSが手に入ったので
 とある人物による大量購入
 1台譲って頂きました
 動画再生をさせてみる
 事の発端
○ 動画再生アプリってノウハウって結構いるん
じゃないか?
○ ならやってみよう
「FirefoxOSアプリを作る」
の舞台裏
 「端末で開発する」のトラブル集
 アプリケーション内の動画データを再生
<video>をつかって再生させ
る
 アプリ内の動画ファイルを再生する
○ index.htmlに下記を記入
 MP4が再生できない???
<video controls>
<source src="foo.mp4" type="video/mp4">
Your browser does not support the <code>video</code>
element.
</video>
<video>をつかって再生させ
る
 ちなみにGoogle Chromeでは再生
できた
○ 再生できない理由はOS側の仕様
 FirefoxOSではセキュリティの関係
- H.264デコーダーが使えない
○ 内蔵アプリではH.264で再生できる
○ 再生するにはアプリの種類の変更が
必要
 Web:スタンダートなアプリ
 Privileged:認証を受けたアプリ
 Certified:プリインアプリ
- このレベルでないと再生できない
<video>をつかって再生させ
る
 H.264の動画再生の対策方法も
実はドキュメントに書かれていた
var activity = new MozActivity({
name: "view",
data: {
type: [
"video/webm",
"video/mp4",
"video/3gpp",
"video/youtube"
]
url: "http://example.com/myvideo.mp4"
}
});
<video>をつかって再生させ
る
 H.264の動画再生の対策方法も
実はドキュメントに書かれていた
var activity = new MozActivity({
name: "view",
data: {
type: [
"video/webm",
"video/mp4",
"video/3gpp",
"video/youtube"
]
url: "http://example.com/myvideo.mp4"
}
});
((((;゚Д゚))))なんだってー
もういいOggファイル再生
させる!!
FirefoxOSの動画再生について
 デコーダー/エンコーダー
 Android搭載のStagefrightを使っている
○ 現時点では制限されており3種類のフォーマッ
トしか対応していない
○ そのうち開放される可能性が高い
 Androidの対応フォーマット
○ http://developer.android.com/guide/appendix/
media-formats.html
動画アプリづくりでの感想
 H.264の動画が再生できないのは致命的
 動画再生系のアプリの入り込む隙間がない
○ 開発者が落胆する原因になりかねない
 フルスクリーン再生はAndroid比べては
るかに簡単
 縦横回転の対応などはよくできている
○ 自動で伸長するのでトラブルが少ない

Weitere ähnliche Inhalte

Was ist angesagt?

Firefox OS @ ABC2013A
Firefox OS @ ABC2013AFirefox OS @ ABC2013A
Firefox OS @ ABC2013Adynamis
 
Web App Platform Firefox
Web App Platform FirefoxWeb App Platform Firefox
Web App Platform Firefoxdynamis
 
Firefox OS App Dev
Firefox OS App DevFirefox OS App Dev
Firefox OS App Devdynamis
 
Firefox OS Updates 201308
Firefox OS Updates 201308Firefox OS Updates 201308
Firefox OS Updates 201308dynamis
 
Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)dynamis
 
Firefox os hackathon
Firefox os hackathonFirefox os hackathon
Firefox os hackathondynamis
 
KEONとPEAKが無くてもFirefox OS開発出来る
KEONとPEAKが無くてもFirefox OS開発出来るKEONとPEAKが無くてもFirefox OS開発出来る
KEONとPEAKが無くてもFirefox OS開発出来るandroid sola
 
Cocos2d xでの開発の準備
Cocos2d xでの開発の準備Cocos2d xでの開発の準備
Cocos2d xでの開発の準備Tomoaki Shimizu
 
20130720 firefox os勉強会
20130720 firefox os勉強会20130720 firefox os勉強会
20130720 firefox os勉強会Masaya Nakayama
 
Firefox OSのカスタムROM開発を始めてみた
Firefox OSのカスタムROM開発を始めてみたFirefox OSのカスタムROM開発を始めてみた
Firefox OSのカスタムROM開発を始めてみたandroid sola
 
Windows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning TalkWindows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning TalkKenshiro Fukuda
 
Windows 10発表!!Windows 10発表!! 見せてもらおうか!! 新しいWindowsの性能とやらを!!(その1)
Windows 10発表!!Windows 10発表!! 見せてもらおうか!!  新しいWindowsの性能とやらを!!(その1)Windows 10発表!!Windows 10発表!! 見せてもらおうか!!  新しいWindowsの性能とやらを!!(その1)
Windows 10発表!!Windows 10発表!! 見せてもらおうか!! 新しいWindowsの性能とやらを!!(その1)Tomokazu Kizawa
 
「見せてもらおうか!!新しいWindowsの性能とやらを!!」Windows 10 Insider Preview Build 10130
「見せてもらおうか!!新しいWindowsの性能とやらを!!」Windows 10 Insider Preview Build 10130 「見せてもらおうか!!新しいWindowsの性能とやらを!!」Windows 10 Insider Preview Build 10130
「見せてもらおうか!!新しいWindowsの性能とやらを!!」Windows 10 Insider Preview Build 10130 Tomokazu Kizawa
 
Fuchsia概略その1
Fuchsia概略その1Fuchsia概略その1
Fuchsia概略その1l_b__
 
自社製品のバージョン管理 進化と問題解決の道のり
自社製品のバージョン管理 進化と問題解決の道のり自社製品のバージョン管理 進化と問題解決の道のり
自社製品のバージョン管理 進化と問題解決の道のりStudy Group by SciencePark Corp.
 
Kilimanjaro Event
Kilimanjaro EventKilimanjaro Event
Kilimanjaro Eventdynamis
 
Persistent-Memory-Programming-Model
Persistent-Memory-Programming-ModelPersistent-Memory-Programming-Model
Persistent-Memory-Programming-ModelMinoru Nakamura
 

Was ist angesagt? (20)

Firefox OS @ ABC2013A
Firefox OS @ ABC2013AFirefox OS @ ABC2013A
Firefox OS @ ABC2013A
 
Web App Platform Firefox
Web App Platform FirefoxWeb App Platform Firefox
Web App Platform Firefox
 
Firefox OS App Dev
Firefox OS App DevFirefox OS App Dev
Firefox OS App Dev
 
Firefox OS Updates 201308
Firefox OS Updates 201308Firefox OS Updates 201308
Firefox OS Updates 201308
 
Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)
 
Firefox os hackathon
Firefox os hackathonFirefox os hackathon
Firefox os hackathon
 
KEONとPEAKが無くてもFirefox OS開発出来る
KEONとPEAKが無くてもFirefox OS開発出来るKEONとPEAKが無くてもFirefox OS開発出来る
KEONとPEAKが無くてもFirefox OS開発出来る
 
Cocos2d xでの開発の準備
Cocos2d xでの開発の準備Cocos2d xでの開発の準備
Cocos2d xでの開発の準備
 
20130720 firefox os勉強会
20130720 firefox os勉強会20130720 firefox os勉強会
20130720 firefox os勉強会
 
SpeechPlatform with Kinect
SpeechPlatform with KinectSpeechPlatform with Kinect
SpeechPlatform with Kinect
 
Windows Insider Program という取り組みについて ~ Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Creators Update を踏まえてWindows Insider Program という取り組みについて ~ Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Creators Update を踏まえて
 
Firefox OSのカスタムROM開発を始めてみた
Firefox OSのカスタムROM開発を始めてみたFirefox OSのカスタムROM開発を始めてみた
Firefox OSのカスタムROM開発を始めてみた
 
Windows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning TalkWindows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning Talk
 
Kmcn demo
Kmcn demoKmcn demo
Kmcn demo
 
Windows 10発表!!Windows 10発表!! 見せてもらおうか!! 新しいWindowsの性能とやらを!!(その1)
Windows 10発表!!Windows 10発表!! 見せてもらおうか!!  新しいWindowsの性能とやらを!!(その1)Windows 10発表!!Windows 10発表!! 見せてもらおうか!!  新しいWindowsの性能とやらを!!(その1)
Windows 10発表!!Windows 10発表!! 見せてもらおうか!! 新しいWindowsの性能とやらを!!(その1)
 
「見せてもらおうか!!新しいWindowsの性能とやらを!!」Windows 10 Insider Preview Build 10130
「見せてもらおうか!!新しいWindowsの性能とやらを!!」Windows 10 Insider Preview Build 10130 「見せてもらおうか!!新しいWindowsの性能とやらを!!」Windows 10 Insider Preview Build 10130
「見せてもらおうか!!新しいWindowsの性能とやらを!!」Windows 10 Insider Preview Build 10130
 
Fuchsia概略その1
Fuchsia概略その1Fuchsia概略その1
Fuchsia概略その1
 
自社製品のバージョン管理 進化と問題解決の道のり
自社製品のバージョン管理 進化と問題解決の道のり自社製品のバージョン管理 進化と問題解決の道のり
自社製品のバージョン管理 進化と問題解決の道のり
 
Kilimanjaro Event
Kilimanjaro EventKilimanjaro Event
Kilimanjaro Event
 
Persistent-Memory-Programming-Model
Persistent-Memory-Programming-ModelPersistent-Memory-Programming-Model
Persistent-Memory-Programming-Model
 

Ähnlich wie Firefox os動画再生アプリの舞台裏

Firefox OSの何が嬉しいか
Firefox OSの何が嬉しいかFirefox OSの何が嬉しいか
Firefox OSの何が嬉しいかTakao Sumitomo
 
AndroiderがFirefoxOSアプリの多言化をしてみたら
AndroiderがFirefoxOSアプリの多言化をしてみたらAndroiderがFirefoxOSアプリの多言化をしてみたら
AndroiderがFirefoxOSアプリの多言化をしてみたらTakaumi Kimura
 
FirefoxOS勉強会#7 カメラアプリの作り方
FirefoxOS勉強会#7 カメラアプリの作り方FirefoxOS勉強会#7 カメラアプリの作り方
FirefoxOS勉強会#7 カメラアプリの作り方Kazuyuki Suzuki
 
Firefox osにenchant.jsを食わせてみた
Firefox osにenchant.jsを食わせてみたFirefox osにenchant.jsを食わせてみた
Firefox osにenchant.jsを食わせてみたLuccafort Dx
 
関西Firefox os勉強会1st発表資料130615fin
関西Firefox os勉強会1st発表資料130615fin関西Firefox os勉強会1st発表資料130615fin
関西Firefox os勉強会1st発表資料130615finyosuke_kirihata
 
20150118 firefoxos-handson-helloworld
20150118 firefoxos-handson-helloworld20150118 firefoxos-handson-helloworld
20150118 firefoxos-handson-helloworldNoritada Shimizu
 
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」Noritada Shimizu
 
Build an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4DBuild an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4Dkmiyako
 
20141115グンマーのヤボー
20141115グンマーのヤボー20141115グンマーのヤボー
20141115グンマーのヤボーAkihiko Kigure
 
デベロッパー視点での3大スマホの違い
デベロッパー視点での3大スマホの違いデベロッパー視点での3大スマホの違い
デベロッパー視点での3大スマホの違いMakoto Kubota
 
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalkShozo Okada
 
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalkShozo Okada
 
iBeacon Applications
iBeacon ApplicationsiBeacon Applications
iBeacon ApplicationsKosuke Usami
 
20141018 osc tokyo_fall_firefox osってなぁに?
20141018 osc tokyo_fall_firefox osってなぁに?20141018 osc tokyo_fall_firefox osってなぁに?
20141018 osc tokyo_fall_firefox osってなぁに?Masami Yabushita
 
FirefoxOSを始めてみよう
FirefoxOSを始めてみようFirefoxOSを始めてみよう
FirefoxOSを始めてみようNobuhiro Ueda
 
関東Firefox OS勉強会6th「Firefox OS」
関東Firefox OS勉強会6th「Firefox OS」関東Firefox OS勉強会6th「Firefox OS」
関東Firefox OS勉強会6th「Firefox OS」Noritada Shimizu
 
複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げよう複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げようCore Concept Technologies
 
Firefox OSについて
Firefox OSについてFirefox OSについて
Firefox OSについてBeMarble
 
Firefox OS and Open Web Board - IGGG Meetup 2015 Spring
Firefox OS and Open Web Board - IGGG Meetup 2015 SpringFirefox OS and Open Web Board - IGGG Meetup 2015 Spring
Firefox OS and Open Web Board - IGGG Meetup 2015 SpringGunma University
 

Ähnlich wie Firefox os動画再生アプリの舞台裏 (20)

Firefox OSの何が嬉しいか
Firefox OSの何が嬉しいかFirefox OSの何が嬉しいか
Firefox OSの何が嬉しいか
 
AndroiderがFirefoxOSアプリの多言化をしてみたら
AndroiderがFirefoxOSアプリの多言化をしてみたらAndroiderがFirefoxOSアプリの多言化をしてみたら
AndroiderがFirefoxOSアプリの多言化をしてみたら
 
FirefoxOS勉強会#7 カメラアプリの作り方
FirefoxOS勉強会#7 カメラアプリの作り方FirefoxOS勉強会#7 カメラアプリの作り方
FirefoxOS勉強会#7 カメラアプリの作り方
 
Firefox osにenchant.jsを食わせてみた
Firefox osにenchant.jsを食わせてみたFirefox osにenchant.jsを食わせてみた
Firefox osにenchant.jsを食わせてみた
 
関西Firefox os勉強会1st発表資料130615fin
関西Firefox os勉強会1st発表資料130615fin関西Firefox os勉強会1st発表資料130615fin
関西Firefox os勉強会1st発表資料130615fin
 
20150118 firefoxos-handson-helloworld
20150118 firefoxos-handson-helloworld20150118 firefoxos-handson-helloworld
20150118 firefoxos-handson-helloworld
 
ニコニコ超開発
ニコニコ超開発ニコニコ超開発
ニコニコ超開発
 
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
 
Build an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4DBuild an iOS app with Ionic and 4D
Build an iOS app with Ionic and 4D
 
20141115グンマーのヤボー
20141115グンマーのヤボー20141115グンマーのヤボー
20141115グンマーのヤボー
 
デベロッパー視点での3大スマホの違い
デベロッパー視点での3大スマホの違いデベロッパー視点での3大スマホの違い
デベロッパー視点での3大スマホの違い
 
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
 
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
 
iBeacon Applications
iBeacon ApplicationsiBeacon Applications
iBeacon Applications
 
20141018 osc tokyo_fall_firefox osってなぁに?
20141018 osc tokyo_fall_firefox osってなぁに?20141018 osc tokyo_fall_firefox osってなぁに?
20141018 osc tokyo_fall_firefox osってなぁに?
 
FirefoxOSを始めてみよう
FirefoxOSを始めてみようFirefoxOSを始めてみよう
FirefoxOSを始めてみよう
 
関東Firefox OS勉強会6th「Firefox OS」
関東Firefox OS勉強会6th「Firefox OS」関東Firefox OS勉強会6th「Firefox OS」
関東Firefox OS勉強会6th「Firefox OS」
 
複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げよう複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げよう
 
Firefox OSについて
Firefox OSについてFirefox OSについて
Firefox OSについて
 
Firefox OS and Open Web Board - IGGG Meetup 2015 Spring
Firefox OS and Open Web Board - IGGG Meetup 2015 SpringFirefox OS and Open Web Board - IGGG Meetup 2015 Spring
Firefox OS and Open Web Board - IGGG Meetup 2015 Spring
 

Firefox os動画再生アプリの舞台裏