Mozilla

Audio Articles

Sort by:

View:

  1. Birdsongs, Musique Concrète, and the Web Audio API

    • by • Audio, Featured Article, WebAPI • 4 comments

    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 Read more…

  2. What’s new in Web Audio

    • by and • Audio, Featured Article, JavaScript, WebAPI • 2 comments

    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 Read more…

  3. Videos and Firefox OS

    • by and • Audio, Device APIs, Featured Article, Firefox OS, HTML5, Mobile, Video • 6 comments

    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 Read more…

  4. Blend4Web: the Open Source Solution for Online 3D

    • by and • asm.js, Audio, HTML5, Tools, WebGL • 4 comments

    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 Read more…

  5. Introducing the Web Audio Editor in Firefox Developer Tools

    • by and • Audio, Developer Tools, Featured Article • 16 comments

    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 Read more…

  6. Easy audio capture with the MediaRecorder API

    • by and • Audio, DOM, Featured Article, JavaScript, WebAPI • 9 comments

    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 Read more…

  7. Audio Tags: Web Components + Web Audio = ♥

    • by and • Audio, Web Components, X-Tag • 15 comments

    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 Read more…

  8. Monster Madness – creating games on the web with Emscripten

    • by and • asm.js, Audio, Games, IndexedDB, WebRTC • 11 comments

    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 Read more…

  9. Introducing the Whiteboard Drum – WebRTC and Web Audio API magic

    • by and • Audio, Featured Article, WebRTC • 4 comments

    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 Read more…

  10. Make your Firefox OS app feel alive with video and audio

    • by and • Audio, Firefox OS, Video • 5 comments

    Firefox OS applications aren’t just about text: there is no better way to make your app feel alive than adding some videos or audio to it. Let’s explore different ways we can use as developers to enhance our mobile masterpiece. Audio and video HTML tags Read more…