{"id":2383,"date":"2009-07-17T14:19:28","date_gmt":"2009-07-17T22:19:28","guid":{"rendered":"http:\/\/mozillalabs.com\/?p=2383"},"modified":"2009-07-17T14:19:28","modified_gmt":"2009-07-17T22:19:28","slug":"jetpack-0-4-audio-recording-page-mods","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/labs\/2009\/07\/jetpack-0-4-audio-recording-page-mods\/","title":{"rendered":"Jetpack 0.4 &#8211; Audio Recording &amp; Page Mods APIs"},"content":{"rendered":"<p><em><a href=\"http:\/\/jetpack.mozillalabs.com\/\">Jetpack<\/a> is an experiment in using open Web technologies to enhance the browser, with the goal of allowing anyone who can build a Web site to participate in making the Web a better place to work, communicate and play.<\/em><\/p>\n<p>Aligned with Mozilla&#8217;s goal of enabling open video and audio on the Web, we are pleased to announce the release of Jetpack 0.4, which includes experimental support for recording audio directly to <a href=\"http:\/\/en.wikipedia.org\/wiki\/Vorbis\">Ogg-Vorbis<\/a>. These new audio encoding APIs will allow developers to build Jetpacks that record high-quality audio directly from within the browser, which can then be played back using <a href=\"http:\/\/www.mozilla.com\/en-US\/press\/mozilla-2009-06-30.html\">Firefox 3.5<\/a>&#8216;s new <a href=\"https:\/\/developer.mozilla.org\/En\/Using_audio_and_video_in_Firefox\">audio tag<\/a> support.<\/p>\n<p>This update to the rapidly evolving Jetpack APIs also enables the ability for developers to add features or functionality to any website being viewed in the browser using the &#8220;page mod&#8221; API.<\/p>\n<p><a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/downloads\/latest\/12025\/addon-12025-latest.xpi\"><img><\/a><\/p>\n<h2>What&#8217;s New?<\/h2>\n<p><b>Audio Recording APIs<\/b><\/p>\n<p>Hot on the tail of the Firefox 3.5 release, Jetpack is adding the ability to record audio directly to Ogg-Vorbis format on all major platforms (i.e. Windows, Mac, and Linux). Firefox 3.5 added the ability to play sound with the &lt;audio&gt; tag, and now you can record it. Live streaming coming soon. Check out the <a href=\"https:\/\/jetpack.mozillalabs.com\/demos\/audio-install.html\">Voice Memo<\/a> demo which lets you annotate any webpage you are looking at with your voice. You can also check out the <a href=\"https:\/\/wiki.mozilla.org\/Labs\/Jetpack\/JEP\/18\">Audio Recording API<\/a> documentation.<\/p>\n<p><img><\/p>\n<p>In Jetpack using audio is as simple as:<\/p>\n<p><code><br \/>\njetpack.future.import('audio');<br \/>\njetpack.audio.recordToFile();<br \/>\nvar path = jetpack.audio.stopRecording();<\/code><\/p>\n<p>The result is an audio file encoded in Ogg-Vorbis, which you can then playback with jetpack.audio.playFile(), or if you choose to upload the file to a remote location, using the &lt;audio&gt; tag.<\/p>\n<p><b>Page Mods APIs<\/b><\/p>\n<p>As <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/748\">Greasemonkey<\/a> has shown, empowering developers to add features and functionality to any website is a powerful way to enhance the user experience of the Web. The new Page Mods APIs makes this really easy to do. You can see them in action in the <a href=\"https:\/\/jetpack.mozillalabs.com\/demos\/page-mod-blacklist-sites-install.html\">anti-procrastinator demo<\/a>, or in the <a href=\"https:\/\/wiki.mozilla.org\/Labs\/Jetpack\/JEP\/17\">Page Mods API<\/a> documentation.<\/p>\n<p><img><\/p>\n<h2>Get Involved<\/h2>\n<p>Mozilla Labs is a virtual lab where people come together online to create, experiment and play with Web innovations for the public benefit. The Jetpack experiment is still in its infancy and just getting started. There are many ways to join the team and get involved:<\/p>\n<ul>\n<li><a href=\"https:\/\/jetpack.mozillalabs.com\">Install and play around with the initial Jetpack API and demos<\/a><\/li>\n<li>Write a <a href=\"https:\/\/wiki.mozilla.org\/Labs\/Jetpack\/JEPs\">JEP<\/a><\/li>\n<li><a href=\"https:\/\/bugzilla.mozilla.org\/enter_bug.cgi?product=Mozilla%20Labs&#038;component=Jetpack\">Report a bug<\/a><\/li>\n<li><a href=\"http:\/\/hg.mozilla.org\/labs\/jetpack\/\">Grab the source code<\/a> and fix a bug or add a feature<\/li>\n<li>Discuss, debate and add to the design in the <a href=\"http:\/\/groups.google.com\/group\/mozilla-labs-jetpack\">Jetpack discussion group<\/a><\/li>\n<li>Join us in #jetpack on irc.mozilla.org<\/li>\n<\/ul>\n<p>We&#8217;re also looking for a <a href=\"http:\/\/www.jobvite.com\/CompanyJobs\/Job.aspx?c=qpX9Vfwa&amp;v=1&amp;j=o0FcVfww\">full-time product manager<\/a> and <a href=\"http:\/\/www.jobvite.com\/CompanyJobs\/Job.aspx?c=qpX9Vfwa&amp;v=1&amp;j=o6scVfwp\">software engineers<\/a> to join Labs and work on Jetpack! What title is better than Jetpack PM? Check out the <a href=\"http:\/\/www.jobvite.com\/CompanyJobs\/Jobs.aspx?c=qpX9Vfwa\">career opportunities<\/a> available.<\/p>\n<p><em>&#8211; Anant Narayanan and David Dahl on behalf of the Jetpack development team.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jetpack is an experiment in using open Web technologies to enhance the browser, with the goal of allowing anyone who can build a Web site to participate in making the Web a better place to work, communicate and play. Aligned &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/labs\/2009\/07\/jetpack-0-4-audio-recording-page-mods\/\">Continue reading<\/a><\/p>\n","protected":false},"author":246,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[4863,22915],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/2383"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/users\/246"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/comments?post=2383"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/2383\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/media?parent=2383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/categories?post=2383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/tags?post=2383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}