Différences

Ci-dessous, les différences entre deux révisions de la page.

--- devweb:video [09-12-2016 16:23] – créée edmc73
+++ devweb:video [09-12-2016 17:44] (Version actuelle) – edmc73
@@ Ligne 7: / Ligne 7: @@
   sudo apt-get update
+http://www.willus.com/author/streaming2.shtml
 Commande en vrac à améliorer
-ogg (if you want to support older Firefox)
+webm : doc => https://trac.ffmpeg.org/wiki/Encode/VP9
-  ffmpeg2theora $IN -o web_$OUT.ogv -x 640 -y 360 --videoquality 5 --audioquality 0  --frontend
+<code>
+#avec le son
+ffmpeg -threads 4 -i $IN -vf scale=-1:480 -qmax 63 -b:v 1000k -crf 24 -b:a 56k -ar 22050 -strict -2 -acodec vorbis web_$OUT.webm
+#sans le son
+ffmpeg -threads 4 -i $IN -vf scale=-1:480 -qmax 63 -b:v 1000k -crf 24 -an web_$OUT.webm
+</code>
+mp4 : doc => https://trac.ffmpeg.org/wiki/Encode/H.264
+<code>
+#avec le son
+ffmpeg -preset veryslow -threads 4 -i $IN -i_qfactor 0.71 -qcomp 0.6 -qmin 10 -qmax 63 -qdiff 4 -trellis 0 -crf 24 -vcodec libx264 -s 852x480 -b:v 1000k -b:a 56k -ar 22050 web_$OUT.mp4
+#sans le son
+ffmpeg -preset veryslow -threads 4 -i $IN -i_qfactor 0.71 -qcomp 0.6 -qmin 10 -qmax 63 -qdiff 4 -trellis 0 -crf 24 -vcodec libx264 -s 852x480 -b:v 1000k -an web_$OUT.mp4
+</code>
-webm
+Pour apache, penser à rajouter ce code
-ffmpeg -i $IN -f webm -vcodec libvpx -an  -s 1280x720 web_$OUT.webm
+<code apache>
-#ffmpeg -i $IN -f webm -vcodec libvpx -acodec libvorbis -ab 128000 -crf 22 -s 640x360 web_$OUT.webm
+AddType video/ogg .ogv
+AddType video/mp4 .mp4
+AddType video/webm .webm
+</code>
-mp4
+Le code html
-ffmpeg -i $IN -strict -2 -an -vcodec libx264 -profile:v high -preset slow -f mp4 -crf 22 -s 1280x720 web_$OUT.mp4
-#ffmpeg -i $IN -acodec aac -strict experimental -ac 2 -ab 128k -vcodec libx264 -vpre slow -f mp4 -crf 22 -s 640x360 web_$OUT.mp4
+<code html>
+<video poster="" id="bgvid" playsinline autoplay muted loop controls>
+<source src="{{ url('video/web_background.webm') }}" type="video/webm">
+<source src="{{ url('video/web_background.mp4') }}" type="video/mp4">
+</video>
+</code>

Outils pour utilisateurs

Outils du site

Différences

Outils de la page