{"id":634,"date":"2012-01-20T09:47:54","date_gmt":"2012-01-20T08:47:54","guid":{"rendered":"http:\/\/www.alkannoide.com\/?p=634"},"modified":"2012-01-20T09:47:54","modified_gmt":"2012-01-20T08:47:54","slug":"hds-late-binding-audio-avec-osmf","status":"publish","type":"post","link":"https:\/\/www.alkannoide.com\/2012\/01\/20\/hds-late-binding-audio-avec-osmf\/","title":{"rendered":"HDS &#8211; Late Binding Audio avec OSMF"},"content":{"rendered":"<p>Vous allez me dire, mais qu&#8217;est ce que ce titre signifie en r\u00e9alit\u00e9 ? C&#8217;est assez simple, je vais d\u00e9composer :<\/p>\n<ul>\n<ul>\n<li>HDS pour\u00a0<a href=\"http:\/\/www.adobe.com\/products\/httpdynamicstreaming\/\">HTTP Dynamic Streaming<\/a> est un protocole de diffusion des vid\u00e9os (cr\u00e9\u00e9 par Adobe). Le principe est similaire au <a href=\"http:\/\/developer.apple.com\/resources\/http-streaming\/\">HTTP Live Streaming<\/a> utilis\u00e9 sur les iPhone et iPad (<a title=\"La vid\u00e9o sur iPhone\" href=\"https:\/\/www.alkannoide.com\/2010\/05\/10\/la-video-sur-iphone\/\">j&#8217;avais pr\u00e9sent\u00e9 ce protocole<\/a>).<\/li>\n<li>Late Binding Audio : comprenez par l\u00e0 la possibilit\u00e9 d&#8217;avoir plusieurs pistes audios associ\u00e9 \u00e0 un flux vid\u00e9o<\/li>\n<li><a href=\"http:\/\/osmf.org\">OSMF<\/a> pour Open Source Media Framework, un framework Flex utilis\u00e9 pour la gestion des vid\u00e9os.<a href=\"https:\/\/www.alkannoide.com\/wp-content\/uploads\/2012\/01\/osmf.jpg\"><img loading=\"lazy\" class=\"alignright  wp-image-636\" style=\"border-style: initial; border-color: initial;\" title=\"osmf\" src=\"https:\/\/www.alkannoide.com\/wp-content\/uploads\/2012\/01\/osmf.jpg\" alt=\"\" width=\"283\" height=\"88\" \/><\/a><\/li>\n<\/ul>\n<\/ul>\n<div><\/div>\n<p>Mon article est tir\u00e9 d&#8217;<a href=\"http:\/\/www.realeyes.com\/blog\/2011\/07\/28\/http-dynamic-streaming-part-2-late-binding-audio-using-osmf\/\">un article en anglai<\/a>s, j&#8217;y ajoute cependant quelques points de d\u00e9tails.<\/p>\n<p><!--more--><\/p>\n<h2>R\u00e9cup\u00e9r\u00e9 une vid\u00e9o<\/h2>\n<p>Dans un premier temps, vous allez devoir r\u00e9cup\u00e9rer une vid\u00e9o et la pr\u00e9parer dans diff\u00e9rents formats.\u00a0Pour pr\u00e9parer ces vid\u00e9os, j&#8217;ai utilis\u00e9\u00a0<a href=\"http:\/\/ffmpeg.org\/\">ffmpeg<\/a>\u00a0(bo\u00eete \u00e0 outils pour le traitement des vid\u00e9os) et transcod\u00e9 les vid\u00e9os en MP4.<\/p>\n<ul>\n<li>la vid\u00e9o originale avec l&#8217;audio encod\u00e9 en format FLV ou un format compatible MP4<\/li>\n<li>la piste audio seule provenant de la vid\u00e9o originale \u00e9galement au format FLV ou MP4<\/li>\n<\/ul>\n<pre lang=\"BASH\">ffmpeg -i scenes.mp4 -vn -acodec copy -f mp4 scenes-audio1.mp4<\/pre>\n<ul>\n<li>une piste alternative audio, de pr\u00e9f\u00e9rence de m\u00eame dur\u00e9e que la vid\u00e9o originale, encod\u00e9 de la m\u00eame mani\u00e8re<em>\u00a0<\/em><\/li>\n<\/ul>\n<pre lang=\"BASH\">ffmpeg -i scenes2.mp4 -vn -acodec copy -f mp4 scenes-audio2.mp4<\/pre>\n<h2>Packager la vid\u00e9o avec les outils f4fpackager<\/h2>\n<p>Afin de pr\u00e9parer le contenu, Adobe a rendu disponible un outil : le <a href=\"http:\/\/www.adobe.com\/go\/httpdynamicstreaming_bits\">FilePackager ou f4fpackager;<\/a> disponible sous Linux ou Windows. On effectue un package pour chacune des vid\u00e9os<\/p>\n<pre lang=\"BASH\">f4fpackager --input-file=scenes1.mp4 --output-path=test-lba\r\nf4fpackager --input-file=scenes-audio1.mp4 --output-path=test-lba\r\nf4fpackager --input-file=scenes-audio2.mp4 --output-path=test-lba<\/pre>\n<p>Vous vous retrouvez maintenant avec les fichiers suivants :<\/p>\n<pre lang=\"BASH\">scenes1.f4m\r\nscenes1Seg1.f4x\r\nscenes1Seg1.f4f\r\nscenes-audio1.f4m\r\nscenes-audio1Seg1.f4x\r\nscenes-audio1Seg1.f4f\r\nscenes-audio2.f4m\r\nscenes-audio2Seg1.f4x\r\nscenes-audio2Seg1.f4f<\/pre>\n<h2>Cr\u00e9er le fichier f4m principal<\/h2>\n<p>Nous allons manipuler le fichier f4m afin de prendre en compte les pistes audios. Pour cela, il faut r\u00e9cup\u00e9rer dans les balises <em>bootstrapInfo<\/em> et <em>media<\/em> dans les fichiers <em>scenes-audio1.f4m<\/em> et <em>scenes-audio2.f4m<\/em> et les copier dans le fichier <em>scenes1.f4m<\/em> \u00e0 la suite de la balise <em>media<\/em><\/p>\n<pre lang=\"XML\"><bootstrapInfo\r\n                 profile=\"named\"\r\n                 id=\"bootstrap2074\"\r\n        >\r\n                AAABS2Fic3QAAAAAAAAADgAAAAPoAAAAAAAEBWoAAAAAAAAAAAAAAAAAAQAAABlhc3J0AAAAAAAAAAABAAAAAQAAAEIBAAABBmFmcnQAAAAAAAAD6AAAAAAPAAAAAQAAAAAAAAAAAAAQaAAAAAIAAAAAAAAQkAAAETAAAAADAAAAAAAAIegAAA2sAAAABAAAAAAAAC+AAAATiAAAAAUAAAAAAABC4AAADhAAAAAGAAAAAAAAUPAAABEwAAAABwAAAAAAAGH4AAAPoAAAACEAAAAAAAH0KAAAD6AAAAAiAAAAAAACA6AAABS0AAAAIwAAAAAAAhhAAAAPoAAAAD0AAAAAAAOqcAAAD6AAAAA\/AAAAAAADyWAAABEwAAAAQAAAAAAAA9poAAAPoAAAAEIAAAAAAAP5WAAADBwAAAAAAAAAAAAAAAAAAAAAAA==\r\n        <\/bootstrapInfo>\r\n        <media\r\n                 streamId=\"scenes1\"\r\n                 url=\"scenes1\"\r\n                 bootstrapInfoId=\"bootstrap2074\"\r\n                 bitrate=\"\"\r\n        >\r\n                <metadata>\r\n                        AgAKb25NZXRhRGF0YQgAAAAAAAhkdXJhdGlvbgBAcHjU\/fO2RgAFd2lkdGgAQIaAAAAAAAAABmhlaWdodABAeUAAAAAAAAAMdmlkZW9jb2RlY2lkAgAEYXZjMQAMYXVkaW9jb2RlY2lkAgAEbXA0YQAKYXZjcHJvZmlsZQBAU0AAAAAAAAAIYXZjbGV2ZWwAQD8AAAAAAAAADnZpZGVvZnJhbWVyYXRlAEA5AAAAAAAAAA9hdWRpb3NhbXBsZXJhdGUAQOdwAAAAAAAADWF1ZGlvY2hhbm5lbHMAQAAAAAAAAAAACXRyYWNraW5mbwoAAAACAwAGbGVuZ3RoAEFZIZgAAAAAAAl0aW1lc2NhbGUAQNhqAAAAAAAACGxhbmd1YWdlAgADZW5nAAAJAwAGbGVuZ3RoAEFoIQAAAAAAAAl0aW1lc2NhbGUAQOdwAAAAAAAACGxhbmd1YWdlAgADZW5nAAAJAAAJ\r\n                <\/metadata>\r\n        <\/media><\/pre>\n<h2 lang=\"XML\">Ajouter des attributs au tags media dans le f4m principal<\/h2>\n<p>Pour faire fonctionner le multi-audio, il faudra rajouter les balises suivantes :<\/p>\n<ul>\n<li><em>alternate = &#8220;true&#8221;<\/em><\/li>\n<li><em>type = &#8220;audio&#8221;<\/em><\/li>\n<li><em>lang=&#8221;fran\u00e7ais&#8221;<\/em><\/li>\n<li><em>bitrate=&#8221; &#8220;<\/em><\/li>\n<\/ul>\n<p>Une fois tout cela pr\u00eat, vous aurez \u00e0 compiler la derni\u00e8re version de OSMF et \u00e0 lire la vid\u00e9o en appelant le f4m principal que vous venez de pr\u00e9parer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous allez me dire, mais qu&#8217;est ce que ce titre signifie en r\u00e9alit\u00e9 ? C&#8217;est assez simple, je vais d\u00e9composer : HDS pour\u00a0HTTP Dynamic Streaming est un protocole de diffusion des vid\u00e9os (cr\u00e9\u00e9 par Adobe). Le principe est similaire au HTTP Live Streaming utilis\u00e9 sur les iPhone et iPad (j&#8217;avais pr\u00e9sent\u00e9 ce protocole). Late Binding [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[46],"tags":[],"_links":{"self":[{"href":"https:\/\/www.alkannoide.com\/wp-json\/wp\/v2\/posts\/634"}],"collection":[{"href":"https:\/\/www.alkannoide.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.alkannoide.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.alkannoide.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alkannoide.com\/wp-json\/wp\/v2\/comments?post=634"}],"version-history":[{"count":19,"href":"https:\/\/www.alkannoide.com\/wp-json\/wp\/v2\/posts\/634\/revisions"}],"predecessor-version":[{"id":654,"href":"https:\/\/www.alkannoide.com\/wp-json\/wp\/v2\/posts\/634\/revisions\/654"}],"wp:attachment":[{"href":"https:\/\/www.alkannoide.com\/wp-json\/wp\/v2\/media?parent=634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.alkannoide.com\/wp-json\/wp\/v2\/categories?post=634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.alkannoide.com\/wp-json\/wp\/v2\/tags?post=634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}