Dev.Opera

Latest


	
	Mon, 21 Mar 2016 11:00:01 GMT
	
		Sam Smoothy Follows His Fathers
		Footsteps In The Andes | Lost…
	
	
		Many years ago, Sam Smoothy’s father
		climbed in the Andes mountains…
	
	Skiing
	Winter/Events
	
	
		Opera Labs: Mobile Extensions
		We’re excited to share with you a Labs release of our mobile browser with support for extensions.
		Opera Labs
		00:01:24
		
		
var DEF_FEEDS = [{
	url: 'data/data.xml';
},
{
	url: 'http://my.opera.com/chooseopera/xml/rss/blog/',
	proxy: true
}];

/**
 * Application main title
 */
var APP_TITLE = 'All feeds';

/**
 * Proxy URL
 */
var PROXY_URL = '/xhrproxy/?_proxy_url=';


object.onkeydown = handler;
object.addEventListener("keydown", handler, useCapture);
function handler(event){
	…
	if (event.keyCode == 38){
		// UP (generally keyCode 38) was pressed … do something useful
	}
	…
}
function handler(event){
	…
	if (event.key == 'Up'){
		// 'Up' was pressed … do something useful
	}
	…
}
function handler(event){
	…
	if ((event.key == 'Up') || (event.keyCode == 38)) {
		// 'Up'/key 38 was pressed … do something useful
	}
	…
}
window.addEventListener("keydown", handler, useCapture);
function handler(event){
	…
	var target = event.target;
	…
}

// example using event delegation
window.addEventListener("keydown", handler, useCapture);
window.addEventListener("keypress", handler, useCapture);

function handler(event){
	if ((event.type=='keydown' && !('repeat' in event)) ||
		(event.type=='keypress' && ('repeat' in event))) return;
	…
}


// example using event delegation
if (window.KeyboardEvent){
	window.addEventListener('keydown', handler, useCapture);
} else {
	window.addEventListener('keypress', handler, useCapture);
}

function handler(event){
	// no need to de-dupe events
	…
}

function handler(event){
	…
	event.preventDefault();
	…
}


function handler() {
	// extra hoop to jump through to get event
	if (!event) { event=window.event; }
	…
}

object.onkeydown = handler;
object.addEventListener('keydown', handler, useCapture);

function handler(event){
	…
	if (VK_RED == event.keyCode){
		/* VK_RED was pressed … do something useful */
	}
	…
}

window.addEventListener('keydown', handler, useCapture);

function handler(event){
	…
	var target = event.target;
	…
}

// example using event delegation
window.addEventListener('keydown', handler, useCapture);
window.addEventListener('keypress', handler, useCapture);

function handler(event){
	if ((event.type=='keydown' && !('repeat' in event)) ||
		(event.type=='keypress' && ('repeat' in event))) return;
	…
}

// example using event delegation
if (window.KeyboardEvent){
	window.addEventListener('keydown', handler, useCapture);
} else {
	window.addEventListener('keypress', handler, useCapture);
}

function handler(event){
	// no need to de-dupe events
	…
}

// To close overlays with Back/Return
function handler(event) {
	// assuming there’s a global boolean overlay_opened
	if (overlay_opened && event.keyCode == VK_BACK_SPACE) {
		event.preventDefault();
		overlay_opened = false;
		closeOverlay();
	}
}

// To close the application with Back/Return
function handler(event) {
	// assuming there’s a global boolean main_page
	if (main_page && event.keyCode == VK_BACK_SPACE) {
		event.preventDefault();
		main_page = false;
		window.close();
	}
}

window.history.pushState({}, document.title, '#dummy_url');

function handler(event){
	…
	event.preventDefault();
	…
}

if (VK_RED !== null) {
	/* VK_RED is supported */
	…
}

if (('VK_RED' in window)&&(VK_RED !== null)) {
	/* VK_RED is supported */
	…
}

function handler(event){
	…
	if (('VK_RED' in window)&&(VK_RED == event.keyCode)){
		/* VK_RED was pressed … do something useful */
	}
	…
}

/* CSS */
#copyright {
	nav-down: #logo;
}

Opera/9.80 (Windows NT 6.0; U; en-GB) **Presto/2.6**.33 Version/10.61


@media screen { /* styles for normal on-screen presentation */ }
@media tv { /* tv specific styles */ }


@media screen and (min-width: 1920px) { /* Full-HD styles */ }
@media screen and (min-width: 1280px) and (max-width: 1920px) { /* HD-Ready styles */ }
@media screen and (max-width: 1280px) { /* smaller than HD-Ready styles * }

:focus { outline: none; }

:focus { outline: 0 solid; }

:focus { **background: #f00;** outline: 0 solid; }

a:hover { /* styles applied when hovering over a link */ }

a:focus, a:hover { /* styles apply to hovering AND keyboard/spatial navigation focus */ }

a:active { /* styles applied when a link has been activated */ }

a.active, a:active { /* styles applied when a link has been activated */ }

Audio or video codec	Supported in the Opera TV Store	Supported in the Opera TV Emulator
H.264	Yes	Yes
MP3	Yes	Yes
AAC-LC	Yes	Yes
HE-AAC	Yes	Yes

Adaptive Bitrate Format	Supported in the Opera TV Store	Supported in the Opera TV Emulator
HTTP Live Streaming (HLS) v3. Live and VOD profiles	Yes	No
Microsoft Smooth Streaming (MSS) v1. Live and VOD profiles	Yes	No
MPEG-DASH. Live profile only	Yes	No

Hardware key	Key code constant	Availability in devices
↑	VK_UP	Always present in remote controllers*
→	VK_RIGHT	Always present in remote controllers*
↓	VK_DOWN	Always present in remote controllers*
←	VK_LEFT	Always present in remote controllers*
Confirm/Select/OK	VK_ENTER	Always present in remote controllers*
Exit	N/A	Usually present in remote controllers
Back/Return	VK_BACK_SPACE	Always present in remote controllers
BLUE	VK_BLUE	Usually present in remote controllers
RED	VK_RED	Usually present in remote controllers
GREEN	VK_GREEN	Usually present in remote controllers
YELLOW	VK_YELLOW	Usually present in remote controllers
Menu	VK_MENU	Not available in some remote controllers
0	VK_0	Not available in some remote controllers
1	VK_1	Not available in some remote controllers
2	VK_2	Not available in some remote controllers
3	VK_3	Not available in some remote controllers
4	VK_4	Not available in some remote controllers
5	VK_5	Not available in some remote controllers
6	VK_6	Not available in some remote controllers
7	VK_7	Not available in some remote controllers
8	VK_8	Not available in some remote controllers
9	VK_9	Not available in some remote controllers
PLAY	VK_PLAY	Not available in some remote controllers
PAUSE	VK_PAUSE	Not available in some remote controllers
STOP	VK_STOP	Not available in some remote controllers
NEXT	VK_TRACK_NEXT	Not available in some remote controllers
PREV	VK_TRACK_PREV	Not available in some remote controllers
FF (Fast-Forward)	VK_FAST_FWD	Not available in some remote controllers
REWIND	VK_REWIND	Not available in some remote controllers
SUBTITLE	VK_SUBTITLE	Not available in some remote controllers
INFORMATION	VK_INFO	Not available in some remote controllers

Dev.Opera

Opera TV Snap Data Format Requirements

Table of Contents

Introduction

Basics

Opera MRSS

Feed example

Opera metadata

Item example

Visualization

Creating TV Store Icons, Thumbnails and Screenshots

Introduction

Icons

Size and format

Style

Less is more

Effects

Background

Thumbnails

Technical details

Style

Background

Less is more

Crop

Text

Colour

Contrast

White space

Extending the thumbnail

Screenshots

Size

Further resources

Inspiration

Tutorials

Opera TV Emulator User Guide

About the Opera TV Emulator

Installation

The Opera TV Emulator start page

Installing the H.264 codec

Navigation

Keyboard

Web-based remote

Accessing local files

Running a local server

Shared folders

Debugging with Opera Dragonfly

Settings

General

Debug

Memory

Browsing Data

Proxy

Other

Closing the emulator

Support

Opera TV Store App Templates

Introduction

Video player template

Overview

Customization

RSS reader template

Overview

Customization

Downloading the templates!

Updating the templates

Functional Key Handling in Opera Device SDK Based TV Browsers

Spatial navigation and functional buttons

Handling keydown events

Repeating key events

Preventing default spatial navigation

Testing Your App Inside the Opera TV Store

Introduction

HTML5 Audio and Video Support in Opera TV Store Applications

Introduction

Audio and video codecs

Using MPEG-4 AVC (H.264) video

Using MPEG-1/MPEG-2 Audio Layer 3 (MP3) audio

Using AAC-LC and HE-AAC audio

Adaptive Bitrate Streaming and DRM

Using HTTP Live Streaming (HLS)

Handling `keydown` events

Handling `keydown` events

Requirements for the `Back/Return` button