{"id":62038,"date":"2013-10-29T00:00:00","date_gmt":"2013-10-29T00:00:00","guid":{"rendered":"http:\/\/blog.mozilla.org\/foxtail\/2013\/10\/29\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/"},"modified":"2021-02-08T20:31:35","modified_gmt":"2021-02-08T20:31:35","slug":"listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/","title":{"rendered":"Listen Up! Web Audio API now in Firefox &#8211; Completes Web as a Platform for Gaming"},"content":{"rendered":"<p>The Web has been evolving at a fantastic rate over the last few years with the help of Mozilla pioneered technologies such as WebGL, <a href=\"https:\/\/blog.mozilla.org\/futurereleases\/2013\/05\/02\/epic-citadel-demo-shows-the-power-of-the-web-as-a-platform-for-gaming\/\" target=\"_blank\" rel=\"noopener noreferrer\">asm.js and Emscripten<\/a>.\u00a0 With all these improvements to speed and capability, more potential has been added to HTML5 that allows the Web to include amazing experiences previously only possible with the help of plug-ins.\u00a0 As impressive as these advancements have been up until now, HTML5 was missing a vital component for games developers, advanced audio capabilities supported across multiple browsers.<\/p>\n<p>Today, Mozilla introduces <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web_Audio_API\" target=\"_blank\" rel=\"noopener noreferrer\">Web Audio API<\/a> as part of the update to Firefox for Windows, Mac, and Linux.\u00a0 This represents a substantial upgrade to the Web&#8217;s ability to process audio.\u00a0 Although the Web has had some audio support, this new Web Audio API brings some powerful new capabilities not possible with <a href=\"https:\/\/wiki.mozilla.org\/Audio_Data_API\" target=\"_blank\" rel=\"noopener noreferrer\">Audio Data API<\/a>.\u00a0 Audio engineers can now build robust audio\u00a0engines capable of outputting amazing soundscapes for people to enjoy.\u00a0 A few new features to highlight include positional audio and support\u00a0for effects such as reverb, which can create immersive audio experiences on the Web, like never before.<\/p>\n<p>The release of the Web Audio API provides the final building block needed to run advanced games on the Web. Games like the recently released <a href=\"http:\/\/www.unrealengine.com\/html5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Epic Games demo, Citadel<\/a> which offers a great demonstration of what is now possible. Try it out on Firefox and you&#8217;ll notice an immersive surround sound experience when walking down a street or past waterfalls.<\/p>\n<p>We\u2019ve received a lot of feedback about Web Audio API and believe we now have an offering games developers will love. To help showcase exactly what it can do, we have been collaborating with <a href=\"http:\/\/www.gootechnologies.com\/\">Goo Technologies<\/a> who have built an open source demo to show some of these capabilities in action.\u00a0 This demo was built using their suite of game development tools which they will be releasing next week.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/QgIjaVQoBbw\" height=\"480\" width=\"640\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/p>\n<p>For a developer overview of how Goo Technologies implemented the Web Audio API, take a look at <a href=\"https:\/\/hacks.mozilla.org\/2013\/10\/songs-of-diridum-pushing-the-web-audio-api-to-its-limits\" target=\"_blank\" rel=\"noopener noreferrer\">this Hacks post<\/a>, which includes a link to the interactive demo.<\/p>\n<p>Firefox supports Ogg (both vorbis and Opus) and includes <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/HTML\/Supported_media_formats\" target=\"_blank\" rel=\"noopener noreferrer\">conditional support<\/a> for MPEG 4, H.264, MP3 and AAC.\u00a0 The support for this later group is not built directly into Firefox, instead it relies on support from the OS or hardware.<\/p>\n<p>Firefox has implemented the Web Audio API as described in <a href=\"https:\/\/dvcs.w3.org\/hg\/audio\/raw-file\/tip\/webaudio\/specification.html\" target=\"_blank\" rel=\"noopener noreferrer\">this W3C standard<\/a>. It has been largely agreed on by the browser community and is very similar to the prototype Webkit Web Audio API, but with a number of improvements. Until other browsers upgrade their implementations, we need to make sure that these differences are clear.\u00a0 To make supporting the legacy and the standard version as easy as possible, we have <a href=\"https:\/\/hacks.mozilla.org\/2013\/08\/writing-web-audio-api-code-that-works-in-every-browser\/\" target=\"_blank\" rel=\"noopener noreferrer\">written an article<\/a> that covers the differences and how to write code that will work for both.<\/p>\n<p>The Firefox team is excited to be the first browser to bring the standards compliant version of Web Audio API to the Web.\u00a0 Now the Web offers a truly competitive platform for games developers, we can&#8217;t wait to see what people do with it!<\/p>\n<p>&#8211; Martin Best, Game Platform Strategist, Mozilla<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Web has been evolving at a fantastic rate over the last few years with the help of Mozilla pioneered technologies such as WebGL, asm.js and Emscripten.\u00a0 With all these improvements to speed and capability, more potential has been added to HTML5 that allows the Web to include amazing experiences previously only possible with the [&hellip;]<\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,5],"tags":[],"coauthors":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Listen Up! Web Audio API now in Firefox - Completes Web as a Platform for Gaming<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/\",\"url\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/\",\"name\":\"Listen Up! Web Audio API now in Firefox - Completes Web as a Platform for Gaming\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\"},\"datePublished\":\"2013-10-29T00:00:00+00:00\",\"dateModified\":\"2021-02-08T20:31:35+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Listen Up! Web Audio API now in Firefox &#8211; Completes Web as a Platform for Gaming\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/en\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83\",\"name\":\"Mozilla\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/f32381c01597770b1131dff44b9d6de1\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g\",\"caption\":\"Mozilla\"},\"url\":\"https:\/\/blog.mozilla.org\/en\/author\/mozilla\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Listen Up! Web Audio API now in Firefox - Completes Web as a Platform for Gaming","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/","url":"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/","name":"Listen Up! Web Audio API now in Firefox - Completes Web as a Platform for Gaming","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/en\/#website"},"datePublished":"2013-10-29T00:00:00+00:00","dateModified":"2021-02-08T20:31:35+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/listen-up-web-audio-api-now-in-firefox-completes-web-as-a-platform-for-gaming\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/en\/"},{"@type":"ListItem","position":2,"name":"Listen Up! Web Audio API now in Firefox &#8211; Completes Web as a Platform for Gaming"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/en\/#website","url":"https:\/\/blog.mozilla.org\/en\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83","name":"Mozilla","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/f32381c01597770b1131dff44b9d6de1","url":"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g","caption":"Mozilla"},"url":"https:\/\/blog.mozilla.org\/en\/author\/mozilla\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/62038"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/comments?post=62038"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/62038\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media?parent=62038"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/categories?post=62038"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/tags?post=62038"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/coauthors?post=62038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}