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
120
Code For America 見聞錄 - 社會安全網
yurenju
0
200
Impossible Election for recall in Taiwan
yurenju
1
460
物資管理系統與災民證
yurenju
0
960
JavaScript 開發流程自動化懶人包
yurenju
38
6k
Code Coverage -- Javascript Frontend + Backend
yurenju
14
8k
Loopback + Angular.js
yurenju
3
550
bifrost 物資管理系統
yurenju
4
290
Gaia Build System introduction
yurenju
2
190
Other Decks in Technology
See All in Technology
[zh-TW] DevOpsDays Taipei 2025 -- Creating Awesome Change in SmartNews!(machine translation)
martin_lover
1
650
技術書典18結果報告
mutsumix
2
180
MCP で繋ぐ Figma とデザインシステム〜LLM を使った UI 実装のリアル〜
kimuson
2
1.3k
TechBull Membersの開発進捗どうですか!?
rvirus0817
0
220
アプリケーションの中身が見える!Mackerel APMの全貌と展望 / Mackerel APMリリースパーティ
mackerelio
0
450
大事なのは、AIの精度だけじゃない!〜1円のズレも許されない経理領域とAI〜
jun_nemoto
11
5.2k
Eight Engineering Unit 紹介資料
sansan33
PRO
0
3.2k
会社員しながら本を書いてきた知見の共有
sat
PRO
3
690
実践Kafka Streams 〜イベント駆動型アーキテクチャを添えて〜
joker1007
0
460
データ戦略部門 紹介資料
sansan33
PRO
1
3.1k
Machine Intelligence for Vision, Language, and Actions
keio_smilab
PRO
0
500
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.2k
Featured
See All Featured
A better future with KSS
kneath
239
17k
Become a Pro
speakerdeck
PRO
28
5.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
15
890
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
4 Signs Your Business is Dying
shpigford
183
22k
How to Think Like a Performance Engineer
csswizardry
23
1.6k
Producing Creativity
orderedlist
PRO
346
40k
Unsuck your backbone
ammeep
671
58k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
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
+