Audio Articles
-
Firefox and the Web Speech API
Speech Synthesis and recognition are powerful tools to have available on computers, and they have become quite widespread in this modern age — look at tools like Cortana, Dictation and Siri on popular modern OSes, and accessibility tools like screenreaders. But what about the Web? To be able to issue voice commands directly to a […]
-
Birdsongs, Musique Concrète, and the Web Audio API
In January 2015, my friend and collaborator Brian Belet and I presented Oiseaux de Même — an audio soundscape app created from recordings of birds — at the first Web Audio Conference. In this post I’d like to describe my experience of implementing this app using the Web Audio API, Twitter Bootstrap, Node.js, and REST […]
-
What’s new in Web Audio
Introduction It’s been a while since we said anything on Hacks about the Web Audio API. However, with Firefox 37/38 hitting our Developer Edition/Nightly browser channels, there are some interesting new features to talk about! This article presents you with some new Web Audio tricks to watch out for, such as the new StereoPannerNode, promise-based […]
-
Videos and Firefox OS
Before HTML5 Those were dark times Harry, dark times – Rubeus Hagrid Before HTML5, displaying video on the Web required browser plugins and Flash. Luckily, Firefox OS supports HTML5 video so we don’t need to support these older formats. Video support on the Web Even though modern browsers support HTML5, the video formats they support […]
-
Blend4Web: the Open Source Solution for Online 3D
Half year ago Blend4Web was first released publicly. In this article I’ll show what Blend4Web is, how it is evolved and and how it can be used for web development. What Is Blend4Web? In short, Blend4Web is an open source framework for creating 3D web applications. It uses Blender – the popular open source 3D […]
-
Introducing the Web Audio Editor in Firefox Developer Tools
In Firefox 32, the Web Audio Editor joins the Shader Editor and Canvas Debugger in Firefox Developer Tools for debugging media-rich content on the web. When developing HTML5 games or fun synthesizers using web audio, the Web Audio Editor assists in visualizing and modifying all of the audio nodes within the web audio AudioContext. Visualizing […]
-
Easy audio capture with the MediaRecorder API
The MediaRecorder API is a simple construct, used inside Navigator.getUserMedia(), which provides an easy way of recording media streams from the user’s input devices and instantly using them in web apps. This article provides a basic guide on how to use MediaRecorder, which is supported in Firefox Desktop/Mobile 25, and Firefox OS 2.0. What other […]
-
Audio Tags: Web Components + Web Audio = ♥
Article written by Soledad Penadés, edited by Angelina Fabbro. Last week we released Brick 1.0, our carefully curated set of web components for rapid development. Using components makes it very easy to use and integrate these UI widgets with existing code and frameworks. And this week we bring you Audio Tags, an experiment building Web […]
-
Monster Madness – creating games on the web with Emscripten
When our engineering teams at Trendy Entertainment & Nom Nom Games decided on the strategy of developing one of our new Unreal Engine 3 games — Monster Madness Online — as a cross-platform title, we knew that a frictionless multiplayer web browser version would be central to this experience. The big question, however, was determining […]
-
Introducing the Whiteboard Drum – WebRTC and Web Audio API magic
Browser functionality has expanded rapidly, way beyond merely “browsing” a document. Recently, Web browsers finally gained audio processing abilities with the Web Audio API. It is powerful to the point of building serious music applications. Not only that, but it is also very interesting when combined with other APIs. One of these APIs is getUserMedia(), […]