Firefox OS Web APIs, taking it to the next level

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Firefox OS Web APIs,
taking it to the next level
Frédéric Harper
Firefox OS Technical Evangelist @ Mozilla
@fharper | outo...

Taking it to the next level
 Web APIs
 Regular APIs
 Privileged APIs
 Certified APIs

Regular APIs

Regular APIs
packaged hosted

Regular APIs
Ambient Light

Ambient Light Sensor
window.addEventListener("devicelight", function (event) {
// The level of the ambient light in lux
//...

DEMO Firefox OS Boilerplate App

Regular APIs
Battery Status

Battery Status
var battery = navigator.battery;
if (battery) {
var batteryLevel = Math.round(battery.level * 100) + "%",
c...

DEMO Firefox OS Boilerplate App

Regular APIs
Device Light

Device Light
window.addEventListener("lightlevel", function (event) {
console.log(event.value);
});
/*
Possible values:
"n...

Regular APIs
Network Information

Network Information
var connection = window.navigator.mozConnection,
online = connection.bandwidth > 0,
metered = connecti...

Regular APIs
Notification

Notification
var notification = navigator.mozNotification;
notification.createNotification(
"See this",
"This is a notific...

A good article on Push Notification
http://j.mp/fxosPushPost

Regular APIs
Proximity Sensor

Proximity Sensor
window.addEventListener("deviceproximity", function (event) {
// Current device proximity, in centimeters...

Regular APIs
Screen Orientation

Screen Orientation
// Portrait mode:
screen.mozLockOrientation("portrait");
/*
Possible values:
"landscape"
"portrait"
*/

Screen Orientation
window.addEventListener(“onmozorientationchange”, function (event) {
var orientation = screen.mozOrient...

DEMO Paint app

Regular APIs
Vibration

Vibration
// Vibrate for 1 second
navigator.vibrate(1000);
// Vibration pattern [vibrationTime, pause, ...]
navigator.vibr...

Privileged APIs

Privileged APIs
packaged

Privileged APIs
Browser

Browser
<div>
<span id='location-bar'></span>
<button onclick='go_button_clicked()'>Go</button>
</div>
<div id='load-statu...

Browser
addEventListener('mozbrowserloadstart', function(e) {
//Do stuff
});
/*
Possible values:
"mozbrowserloadstart“ "mo...

Privileged APIs
Contacts

Contacts
var contact = new mozContact();
contact.init({name: "Tom"});
var request = navigator.mozContacts.save(contact);
r...

Certified APIs

Certified APIs
WebSMS

WebSMS
// SMS object
var sms = navigator.mozSMS;
// Send a message
sms.send("123456789", "Hello world!");
// Receive a mes...

Certified APIs
WebTelephony

WebTelephony
// Telephony object
var tel = navigator.mozTelephony;
// Check if the phone is muted (read/write property)
co...

WebTelephony
// Receiving a call
tel.onincoming = function (event) {
var incomingCall = event.call;
// Get the number of t...

WebTelephony
// Disconnect a call
call.hangUp();
// Iterating over calls, and taking action depending on their changed sta...

Note that for some of the Web API,
you’ll need to add permission to the
manifest file.

Resources
Web API - Mozilla Developer Network
http://j.mp/fxosWebAPI
Packages vs hosted apps – Firefox Marketplace Develop...

Frédéric Harper
fharper@mozilla.com
@fharper
http://hacks.mozilla.com
http://outofcomfortzone.net

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

Introduction To Unit 5 New Media by Damo Ward 395 views
Rfig Sig04 Presentation by Camera Culture Gr... 560 views
DevCamp Montreal - Introduction by Frédéric Harper 308 views
Firefox OS tools, get your hands dirty by Frédéric Harper 1377 views
Agel Abbreviated ABB with 2 Getting 2 by Alan Mayer 387 views
How to repurpose content to maximiz... by Compendium 859 views

View on Slideshare

1 of 42 Ad

View on Slideshare

1 of 42 Ad