{"id":265,"date":"2012-03-16T22:14:23","date_gmt":"2012-03-16T22:14:23","guid":{"rendered":"http:\/\/www.brucewiggins.co.uk\/?p=265"},"modified":"2012-03-20T22:14:19","modified_gmt":"2012-03-20T22:14:19","slug":"html5-audio-tag-and-surround-sound","status":"publish","type":"post","link":"https:\/\/www.brucewiggins.co.uk\/?p=265","title":{"rendered":"HTML5 Audio Tag and Surround Sound"},"content":{"rendered":"<p>I&#8217;m going to add quite a bit of content to this site soon, and have been looking into ways of embedding surround sound audio.  The HTML5 Audio tag looks ideal for this and, it seems, some browsers will support 5.1 surround files&#8230;.hooray.  However, they all seem to support different format surround files&#8230;&#8230;booo!  Anyway, as a test, try the embedded players below.<\/p>\n<p>Initial findings:<\/p>\n<ul>\n<li>Chrome on PC &#8211; seems to successfully downmix to stereo and play multi-channel OGG, AAC and WAVE versions<\/li>\n<li>Chrome on MAC &#8211; same as above EXCEPT, it doesn&#8217;t downmix to stereo, it only reproduces front channels (including Centre)<\/li>\n<li>Firefox on PC &#8211; recognises ogg&#8230;.refuses to play anything.  Nothing else recognised (shame on you, firefox)<\/li>\n<li>Firefox on Mac &#8211; plays ogg correctly in multi-channel, but over stereo reproduces front left out the left speaker and Centre front out of the right speaker!  Doesn&#8217;t recognise any other formats.<\/li>\n<li>Internet Explorer 9 on PC &#8211; correctly plays and downmixes AAC and WAVE versions (from what I can tell)<\/li>\n<li>Internet Explorer 8 on PC &#8211; doesn&#8217;t recognise anything<\/li>\n<li>Safari on Mac &#8211; Doesn&#8217;t play OGG, plays the rest.  Downmixes to stereo including all channels, but downmixes AAC and WAVE by just routing surround Left and Right to the left and right front speakers, but seems to do a more complex downmix of AC3 to the front left and right (includes phase shifts by the sounds of it!)<\/li>\n<\/ul>\n<p>This is a simple 5.1 test file with Microsoft Anna reporting speakers to you&#8230;.<\/p>\n<div>Ogg Vorbis :<br \/>\n<audio width=\"300\" height=\"32\" controls=\"controls\"><source src=\"\/Audio\/HTML5_51.ogg\" type=\"audio\/ogg\" \/>Looks like your browser does not support HTML 5.<\/audio><\/div>\n<div>AAC :<br \/>\n<audio width=\"300\" height=\"32\" controls=\"controls\"><source src=\"\/Audio\/HTML5_51.m4a\" type=\"audio\/mp4\" \/>Looks like your browser does not support HTML 5.<\/audio><\/div>\n<div>AC3 :<br \/>\n<audio width=\"300\" height=\"32\" controls=\"controls\"><source src=\"\/Audio\/HTML5_51.ac3\" type=\"audio\/ac3\" \/>Looks like your browser does not support HTML 5.<\/audio><\/div>\n<div>WAVE :<br \/>\n<audio width=\"300\" height=\"32\" controls=\"controls\"><source src=\"\/Audio\/HTML5_51.wav\" type=\"audio\/x-wav\" \/>Looks like your browser does not support HTML 5.<\/audio><\/div>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m going to add quite a bit of content to this site soon, and have been looking into ways of embedding surround sound audio. The HTML5 Audio tag looks ideal for this and, it seems, some browsers will support 5.1 surround files&#8230;.hooray. However, they all seem to support different format surround files&#8230;&#8230;booo! Anyway, as a &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.brucewiggins.co.uk\/?p=265\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;HTML5 Audio Tag and Surround Sound&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[12],"tags":[30,32,31,29],"class_list":["post-265","post","type-post","status-publish","format-standard","hentry","category-web-development","tag-5-1","tag-audio","tag-browsers","tag-html5"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p2iYFT-4h","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":311,"url":"https:\/\/www.brucewiggins.co.uk\/?p=311","url_meta":{"origin":265,"position":0},"title":"8 Channel Files and HTML5","author":"Bruce Wiggins","date":"March 23rd,  2012","format":false,"excerpt":"This is a simple 8 channel test file with Microsoft Anna reporting speakers to you.... Ogg Vorbis : Looks like your browser does not support HTML 5. AAC : Looks like your browser does not support HTML 5. WAVE : Looks like your browser does not support HTML 5.","rel":"","context":"In &quot;Web Development&quot;","block_context":{"text":"Web Development","link":"https:\/\/www.brucewiggins.co.uk\/?cat=12"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":700,"url":"https:\/\/www.brucewiggins.co.uk\/?p=700","url_meta":{"origin":265,"position":1},"title":"YouTube 360 VR Ambisonics Teardown!","author":"Bruce Wiggins","date":"April 28th,  2016","format":false,"excerpt":"UPDATE : 4th May 2016 - I've added a video using the measured filters. This will be useful for auditioning the mixes before uploading them to YouTube. So, I've\u00a0been experimenting with YouTube's Ambisonic to Binaural VR videos. \u00a0They work, sound spacious and head tracking also functions (although there seems to\u2026","rel":"","context":"In &quot;Ambisonics&quot;","block_context":{"text":"Ambisonics","link":"https:\/\/www.brucewiggins.co.uk\/?cat=3"},"img":{"alt_text":"You Tube HRIRs 0 degrees","src":"https:\/\/i0.wp.com\/www.brucewiggins.co.uk\/wp-content\/uploads\/2016\/04\/YouTubeHRIRs00-300x222.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":570,"url":"https:\/\/www.brucewiggins.co.uk\/?p=570","url_meta":{"origin":265,"position":2},"title":"Rosetta Surround Performance Binaural Stream &#8211; 7.30pm 7th June","author":"Bruce Wiggins","date":"June 4th,  2014","format":false,"excerpt":"The surround sound Rosetta performance by Sigma 7 (at Derby Theatre, 7.30pm 7th June) will be streamed live with Binaural Audio (wear headphones for 3D audio) at http:\/\/sigma7rosetta.co.uk\/ . \u00a0Multi-channel Videos will also be available after the show, and they'll also be a Sound on Sound article about the event\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"Sigma7","src":"https:\/\/i0.wp.com\/www.brucewiggins.co.uk\/wp-content\/uploads\/2014\/06\/Sigma7-300x168.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":744,"url":"https:\/\/www.brucewiggins.co.uk\/?p=744","url_meta":{"origin":265,"position":3},"title":"Sounds in Space &#8211; Audio for Virtual Reality Animations","author":"Bruce Wiggins","date":"July 27th,  2016","format":false,"excerpt":"I've had a few people ask for me to share the animations from my Surround Audio for VR presentation that I delivered\u00a0at Sounds in Space this year. \u00a0I've made a video of the powerpoint (30 seconds per slide) so everything can be viewed in context (note there's no audio, though!).\u2026","rel":"","context":"In &quot;Ambisonics&quot;","block_context":{"text":"Ambisonics","link":"https:\/\/www.brucewiggins.co.uk\/?cat=3"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/gAmXcPfrj-M\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":545,"url":"https:\/\/www.brucewiggins.co.uk\/?p=545","url_meta":{"origin":265,"position":4},"title":"Sounds in Space 2014 &#8211; 30th June","author":"Bruce Wiggins","date":"May 7th,  2014","format":false,"excerpt":"Our yearly Sounds in Space symposium is shaping up to be a great event. \u00a0We have a talk from the BBC's Chris Pike confirmed as the keynote (on object-based broadcasting with examples played over our 20 speaker 3D rig) and further talks on subjects such as surround bone conduction audio,\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"Sounds In Space Poster 2014","src":"https:\/\/i0.wp.com\/www.brucewiggins.co.uk\/wp-content\/uploads\/2014\/04\/Sounds-In-Space-Poster-2014-211x300.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":666,"url":"https:\/\/www.brucewiggins.co.uk\/?p=666","url_meta":{"origin":265,"position":5},"title":"YouTube, Ambisonics and VR","author":"Bruce Wiggins","date":"April 25th,  2016","format":false,"excerpt":"Introduction So, last week Google enabled head (phone!) tracked positional audio on 360 degree videos. \u00a0Ambisonics is now one of the defacto standards for VR audio. \u00a0This is a big moment! \u00a0I've been playing a little with some of the command line tools needed to get this to work, and\u2026","rel":"","context":"In &quot;Ambisonics&quot;","block_context":{"text":"Ambisonics","link":"https:\/\/www.brucewiggins.co.uk\/?cat=3"},"img":{"alt_text":"AmbiSignalRemap","src":"https:\/\/i0.wp.com\/www.brucewiggins.co.uk\/wp-content\/uploads\/2016\/04\/AmbiSignalRemap.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.brucewiggins.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.brucewiggins.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.brucewiggins.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.brucewiggins.co.uk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.brucewiggins.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=265"}],"version-history":[{"count":31,"href":"https:\/\/www.brucewiggins.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/265\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/www.brucewiggins.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/265\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/www.brucewiggins.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.brucewiggins.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.brucewiggins.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}