Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Customize You Firefox OS
Search
Yuren Ju
August 31, 2013
Technology
1
8k
Customize You Firefox OS
Yuren Ju
August 31, 2013
Tweet
Share
More Decks by Yuren Ju
See All by Yuren Ju
Taste Cucumber.js - JavaScript BDD Framework
yurenju
0
150
Code For America 見聞錄 - 社會安全網
yurenju
0
210
Impossible Election for recall in Taiwan
yurenju
1
480
物資管理系統與災民證
yurenju
0
1k
JavaScript 開發流程自動化懶人包
yurenju
38
6.1k
Code Coverage -- Javascript Frontend + Backend
yurenju
14
8k
Loopback + Angular.js
yurenju
3
580
bifrost 物資管理系統
yurenju
4
290
Gaia Build System introduction
yurenju
2
200
Other Decks in Technology
See All in Technology
「改善」ってこれでいいんだっけ?
ukigmo_hiro
0
320
大規模サーバーレスAPIの堅牢性・信頼性設計 〜AWSのベストプラクティスから始まる現実的制約との向き合い方〜
maimyyym
10
4.9k
"プロポーザルってなんか怖そう"という境界を超えてみた@TSUDOI by giftee Tech #1
shilo113
0
200
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
210
Dylib Hijacking on macOS: Dead or Alive?
patrickwardle
0
110
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3k
Introduction to Bill One Development Engineer
sansan33
PRO
0
300
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
310
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
React19.2のuseEffectEventを追う
maguroalternative
1
420
エンタメとAIのための3Dパラレルワールド構築(GPU UNITE 2025 特別講演)
pfn
PRO
0
420
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
1
520
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Typedesign – Prime Four
hannesfritz
42
2.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
4 Signs Your Business is Dying
shpigford
185
22k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Producing Creativity
orderedlist
PRO
347
40k
Facilitating Awesome Meetings
lara
56
6.6k
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
Customize Your Firefox OS Yuren Ju
今天要講這個!
http://www.pcworld.idg.com.au/article/465951/developers_express_enthusiasm_firefox_os_survey_shows/
Running game on Browser without plugins
MinGW for Windows developers
Yuren Ju • KaLUG • Hacking Thursday • COSCUP •
Mozilla
None
None
http://www.flickr.com/photos/kky/704056791/ Web Technology
https://github.com/coolaj86/logo.js
None
dialer.[js/html/css]
? Telephony, FM, Bluetooth, SMS Mobile Connection, Contact Alarm, Ambient
Light Sensor Battery, Camera
Web API for Firefox OS https://developer.mozilla.org/en-US/docs/WebAPI
None
http://www.mozfans.com/thread-411-1-1.html
None
e.g., bluetooth BlueZ WebBluetooth navigator.mozBluetooth Gonk Gecko Gaia
e.g., Infrared? LIRC Linux Infrared Remote Control mozInfrared navigator.mozInfrared Gonk
Gecko Gaia Something like this, although we haven't supported infrared yet.
Standard! Standard! Standard!
Build Firefox OS https://github.com/mozilla-b2g/B2G
Build B2G • git clone https://github.com/mozilla- b2g/B2G.git • (install a
lot of dependencies...) • ./config.sh <DEVICE_NAME> • ./build.sh • wait 20min ~ 2hr... Zzzzz...
But I'm a gaia developer. \o/
Firefox & Firefox OS OS Firefox web apps Gaia Gecko
+ Gonk Hardware Hardware
Run Gaia on Firefox Browser! OS Firefox gaia + web
apps Gecko + Gonk Hardware Hardware
Build for Gaia • git clone https://github.com/mozilla- b2g/gaia.git • cd
gaia • make (10~30s except first time)
Different Targets... • make production
DEBUG=1 make
Built-in Customization Mechanism https://wiki.mozilla.org/B2G/MarketCustomizations
Customization Mechanism Gaia Distribution Dir Building...
GAIA_DIR/build/settings.js e.g., settings/lockscreen/wallpaper
None
Apps customization
build/apps-*.list • production – apps/* – external-apps/* – outoftree_apps/* •
engineering – apps/* – test_apps/* – showcase_apps/* – test_external_apps/* – external-apps/* – outoftree_apps/*
apps.list • apps/* • external-apps/twitter
Customization Mechanism Gaia /apps/* /external-apps/twitter Distribution Dir /apps/* /external-apps/twitter Building...
None
None
Modify Firefox OS
Tools http://www.flickr.com/photos/84906483@N08/8747337118/
built-in debugger
or you prefer firebug <3
Modify color of dock
Practice: how to customization tone of dialing? gasolin has demoed
this work at COSCUP 2013
Gecko Gaia system comms Browser Settings ... email Gaia Overview
None
Tip: use inspector to know where you are
after found the app... Which script we should trace in?
None
KeypadManager.keyHandler()
https://wiki.mozilla.org/Audio_Data_API
HTML 5 Audio API
TonePlayer Audio() KeypadManager.keyHandler()
Okay, let's find the cool tones for dialing :-) http://zhusee2.github.io/bumbler-to-speech/
copy into gaia
Modify Source Code
Try it on browser and device! LOL
Contribution
+