diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:46:50 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:46:50 +0100 |
commit | a55b575e8089ee6cab7c5c262a7e6db55d0e34d6 (patch) | |
tree | 5032e6779a402a863654c9d65965073f09ea4182 /files/es/web/media | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.gz translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.bz2 translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.zip |
unslug es: move
Diffstat (limited to 'files/es/web/media')
-rw-r--r-- | files/es/web/media/dash_adaptive_streaming_for_html_5_video/index.html | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/files/es/web/media/dash_adaptive_streaming_for_html_5_video/index.html b/files/es/web/media/dash_adaptive_streaming_for_html_5_video/index.html new file mode 100644 index 0000000000..da3e0892e4 --- /dev/null +++ b/files/es/web/media/dash_adaptive_streaming_for_html_5_video/index.html @@ -0,0 +1,77 @@ +--- +title: Transmisión Adaptativa DASH para Video en HTML 5 +slug: Web/HTML/Transision_adaptativa_DASH +translation_of: Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video +--- +<p><span class="seoSummary">La Transmisión Adaptable y Dinámica sobre HTTP (DASH - <em>Dynamic Adaptive Streaming over HTTP</em>) es un protocolo de transmisión adaptable. Esto signfica que le permite a un flujo de vídeo cambiar entre diversas tazas de bits con base en el desempeño de la red, para mantener la reproducción de un vídeo.</span></p> + +<h2 id="Soporte_de_Navegadores">Soporte de Navegadores</h2> + +<p>Firefox 21 incluye una implementación de DASH para video WebM con HTML5 que está desactivada por defecto. Se puede activar a través de "about:config" activando la opción "media.dash.enabled".</p> + +<p>Firefox 23 eliminó el soporte para DASH para WebM con HTML 5. Ésta será reemplazada por una implementación de la <a href="http://www.w3.org/TR/media-source/">Media Source Extensions API </a>que de soporte a DASH a través de javascript usando librerías como dash.js. Ver el bug <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=778617">778617</a> para más detalles.</p> + +<h2 id="Usando_DASH_del_lado_del_servidor">Usando DASH del lado del servidor</h2> + +<p>Lo primero que necesitas es convertir tu video WebM en un manifiesto DASH con todos los archivos en los diferentes bitrates. Para comenzar necesitas:</p> + +<ul> + <li>ffpmeg - con libvpx y libvorbis activado para dar soporte al audio y video de WebM (<a href="http://www.ffmpeg.org/" title="http://www.ffmpeg.org/">ffmpeg.org</a>).</li> + <li>libwebm - concretamente para la herramienta samplemuxer (<span style="text-align: -webkit-auto;"><span style="white-space: pre-wrap;">git clone <a href="https://gerrit.chromium.org/gerrit/p/webm/libwebm.git">https://gerrit.chromium.org/gerrit/p/webm/libwebm.git</a>)</span></span>.</li> + <li>webm-tools - concretamente para la herramienta de creación de manifiestos, webm_dash_manifest (<span style="text-align: -webkit-auto;"><span style="white-space: pre-wrap;">git clone <a href="https://gerrit.chromium.org/gerrit/p/webm/webm-tools.git">https://gerrit.chromium.org/gerrit/p/webm/webm-tools.git</a>)</span></span>.</li> +</ul> + +<h3 id="1._Use_your_existing_WebM_file_to_create_one_audio_file_and_multiple_video_files.">1. Use your existing WebM file to create one audio file and multiple video files.</h3> + +<p>Por ejemplo:</p> + +<p>Creamos el archivo de audio usando:</p> + +<pre><code>ffmpeg -i my_master_file.webm -vn -acodec libvorbis -ab 128k my_audio.webm</code></pre> + +<p>Creamos los archivos de vídeo usando:</p> + +<pre><code>ffmpeg -i my_master_file.webm -vcodec libvpx -vb 250k -keyint_min 150 -g 150 -an my_video-250kbps.webm +ffmpeg -i my_master_file.webm -vcodec libvpx -vb 100k -keyint_min 150 -g 150 -an my_video-100kbps.webm +ffmpeg -i my_master_file.webm -vcodec libvpx -vb 50k -keyint_min 150 -g 150 -an my_video-50kbps.webm</code></pre> + +<h3 id="2._Align_the_clusters_to_enable_switching_at_cluster_boundaries.">2. Align the clusters to enable switching at cluster boundaries.</h3> + +<p>For video:</p> + +<pre><code>samplemuxer -i my_video-250kbps.webm -o my_video-250kbps-final.webm</code> +<code>etc.</code></pre> + +<p>Although we don't switch audio streams, it's still necessary to run it through samplemuxer to ensure a cues element is added. Note: to be compatible with playing on Chrome, it is suggested to change the track number to something other than the one in the video files, most likely 0.</p> + +<pre><code>samplemuxer -i my_audio.webm -o my_audio-final.webm -output_cues 1 -cues_on_audio_track 1 -max_cluster_duration 2 -audio_track_number</code></pre> + +<h3 id="3._Create_the_manifest_file">3. Create the manifest file:</h3> + +<pre><code>webm_dash_manifest -o my_video_manifest.mpd \ + -as id=0,lang=eng \ + -r id=0,file=my_video-250kbps-final.webm \ + -r id=1,file=my_video-100kbps-final.webm \ + -r id=2,file=my_video-50kbps-final.webm \ + -as id=1,lang=eng \ + -r id=4,file=my_audio-final.webm</code></pre> + +<p>Put the manifest and the associated video files on your web server or CDN. DASH works via HTTP, so as long as your HTTP server supports byte range requests, and it's set up to serve .mpd files with mimetype="application/dash+xml", then you're all set.</p> + +<h2 id="Using_DASH_-_Client_Side">Using DASH - Client Side</h2> + +<p>You'll want to modify your web page to point to the DASH manifest first, instead of directly to a particular video file:</p> + +<pre class="brush: html"><video> + <source src="movie.<span class="ZmSearchResult" id="DWT648"><span class="ZmSearchResult" id="DWT650">mpd</span></span>"> + <source src="movie.webm"> + Your browser does not support the video tag. +</video></pre> + +<p>That's it! If DASH is supported by the browser, your video will now stream adaptively.</p> + +<h2 id="Links">Links</h2> + +<p><a href="http://wiki.webmproject.org/adaptive-streaming/webm-dash-specification" title="http://wiki.webmproject.org/adaptive-streaming/webm-dash-specification">WebM DASH Specification at The WebM Project</a></p> + +<p><a href="http://dashif.org/" title="http://dashif.org/">DASH Industry Forum</a></p> |