Entries with “html5” tag

Introducing a Massage API

by Andreas Bovens in Blog

Tomomi recently wrote about building a simple messaging service. We really liked the idea of being able to send and receive messages through a simple API, and decided to take it a step further: why not build on this API to allow people to send massages to each other.

Media Capture in Mobile Browsers

by Francesco Iovine in Articles

Media Capture is one of the most interesting features in web applications, especially for mobile devices. Surprisingly capturing media on the spot is quite a new thing for browsers in general, until recently always being delegated to browser plugins such as Flash or Silverlight. In this article we will explore how to use the Media Capture APIs, their compatibility across mobile browsers and the current state of the W3C specifications that define them.

Opera 14 for Android Is Out!

by Andreas Bovens in Blog

Opera 14 for Android is built on top of Chromium 26, with a total overhaul of the UI in native code, making it fit well with the latest Android design guidelines. Go get the build from Google Play or point your browser to m.opera.com, and give it a spin!

An Introduction to WebVTT and <track>

by Ian Devlin in Articles

The HTML5 specification includes two features for improving media accessibility — the WebVTT format, for marking up external text tracks such as subtitles and captions, and the <track> element, for applying those text tracks alongside HTML5 <video> and <audio>. This article provides a detailed introduction to both features, showing how you can make use of them in your projects today.

HTML5 Drag and Drop

by Mike Taylor in Articles

HTML5 includes the Drag and Drop API, which gives us the ability to natively drag, drop, and transfer data to HTML elements. Up until now, JavaScript libraries have commonly been used to achieve something similar. What libraries such as jQuery UI or Dojo can’t do, however, is interact with other windows, frames, and applications (to and from the file system) or access a rich drag data store.

An Introduction to HTML5 Web Messaging

by Tiffany Brown in Articles

HTML5 web messaging provides a way for documents to share data without exposing the DOM to malicious cross-origin scripting. This article provides an introductory guide to using this new functionality, and some simple examples to get you started.

100% Ragnarök’n’roll

by Bruce Lawson in Blog

In February, we released a first Labs build of Ragnarök, Opera’s HTML5 parser. This is a second build, with reduced memory usage, enhanced performance and lots of bug fixes.

An Introduction to Datasets

by Divya Manian in Articles

HTML5 includes a means to set custom attributes on elements using the data- prefix. Called “data attributes”, they can be scripted to define and store data as well as increase options for attribute selection when styling with CSS.

HTML5 Compliance: The Next Step

by Bruce Lawson in Blog

Making its debut in a Labs build this week is Ragnarök, our implementation of the HTML5 parsing algorithm. We’d love you to try to break this and give us feedback, so please grab a copy to install on your machine…

A More Accessible HTML5 <video> Player

by Ionuț Colceriu in Articles

Cristian returns this week with another detailed look at custom HTML5 <video> players! Following on from his last article, he shows us how to make a much more accessible, while still visually appealing, video player including WAI-ARIA support, captions, transcripts, and more.

Introduction to HTML5 Video

Introduction to HTML5 Video

by Bruce Lawson, Patrick H. Lauke in Articles

This article gives you an introduction to <video> and some of its associated APIs. We look at why native video support in browsers is important, give an overview of the element’s markup, and outline the most important ways in which video can be controlled via JavaScript.

Accessible HTML5 Video With JavaScripted Captions

by Bruce Lawson in Articles

The HTML5 <video> element provides a fantastic way to embed video into web pages without relying on plugins, and it is now supported in Opera, Firefox and Chrome, so things are looking up. One burning question however is “how do we provide alternative content for users that either can’t see, or can’t hear the video?” In this article, Bruce Lawson looks at the issue and suggests a solution.

Accessible Drag and Drop Using WAI-ARIA

by Gez Lemon in Articles

There is increasing interest in, and importance being laid upon, making modern dynamic web applications more accessible. New specifications such as WAI-ARIA and HTML5 provide the means by which to do this; in this article Gez Lemon presents a solution for implementing accessible drag and drop functionality using JavaScript and WAI-ARIA. Some discussion of HTML5 drag-and-drop features is also included for good measure.

A Call for Video on the Web — Opera <video> Release on Labs

by DevRel Team in Articles

To really make a splash on the Web, video needs an open solution that can easily be integrated into web pages without the need for proprietary plugins. The HTML5 <video> element and Ogg Theora can provide this, and Opera is proud to announce an experimental build that supports it. So read this article, and download and play with it today.