I have successfully encoded a file to .mp4 using ffmpeg which will play in all tested devices (Safari on PC, IE on PC, Android Browser, Andriod Video Player, and Safari iPad), except for Chrome.
As a work-around, I had planned to simply list the .ogg source prior to the .mp4 source so that chrome would play the .ogg source without even seeing the .mp4 source, however, I ran into the issue mentioned here.
Basically, I am after the proper ffmpeg command which will encode an .mp4 video to standards which will play in Chrome - of course without losing playback functionality on any of the other previously mentioned platforms.
I have tried several combinations, such as:
ffmpeg -i [filename].wmv -vprofile baseline -level 30 -vf scale=640:-1 -movflags faststart [filename].mp4
etc. but have not yet found the winning one.
EDIT: I tried:
ffmpeg_new -i [filename].wmv -strict experimental –acodec libvo_aacenc -ac 2 -ab 160k -vcodec libx264 -vf scale=640:-1 -pix_fmt yuv420p -preset slow -profile:v baseline -level 30 -maxrate 10000000 -bufsize 10000000 -b 1200k -f mp4 -threads 0 [filename].mp4
And here is the ffmpeg output:
ffmpeg version N-54207-ge59fb3f Copyright (c) 2000-2013 the FFmpeg developers built on Jun 25 2013 21:55:00 with gcc 4.7.3 (GCC)
configuration: --enable-gpl --enable-version3 --disable-w32threads --enable-av
isynth --enable-bzlib --enable-fontconfig --enable-frei0r --enable-gnutls --enab
le-iconv --enable-libass --enable-libbluray --enable-libcaca --enable-libfreetyp
e --enable-libgsm --enable-libilbc --enable-libmodplug --enable-libmp3lame --ena
ble-libopencore-amrnb --enable-libopencore-amrwb --enable-libopenjpeg --enable-l
ibopus --enable-librtmp --enable-libschroedinger --enable-libsoxr --enable-libsp
eex --enable-libtheora --enable-libtwolame --enable-libvo-aacenc --enable-libvo-
amrwbenc --enable-libvorbis --enable-libvpx --enable-libx264 --enable-libxavs --
enable-libxvid --enable-zlib
libavutil 52. 37.101 / 52. 37.101
libavcodec 55. 17.100 / 55. 17.100
libavformat 55. 10.100 / 55. 10.100
libavdevice 55. 2.100 / 55. 2.100
libavfilter 3. 77.101 / 3. 77.101
libswscale 2. 3.100 / 2. 3.100
libswresample 0. 17.102 / 0. 17.102
libpostproc 52. 3.100 / 52. 3.100
[asf # 000000000254f9e0] Stream #0: not enough frames to estimate rate; consider
increasing probesize
Guessed Channel Layout for Input Stream #0.0 : stereo
Input #0, asf, from 'C:\vidtests\Wildlife.wmv':
Metadata:
SfOriginalFPS : 299700
WMFSDKVersion : 11.0.6001.7000
WMFSDKNeeded : 0.0.0.0000
comment : Footage: Small World Productions, Inc; Tourism New Zealand
| Producer: Gary F. Spradling | Music: Steve Ball
title : Wildlife in HD
copyright : © 2008 Microsoft Corporation
IsVBR : 0
DeviceConformanceTemplate: AP#L3
Duration: 00:00:30.09, start: 0.000000, bitrate: 6977 kb/s
Stream #0:0(eng): Audio: wmav2 (a[1][0][0] / 0x0161), 44100 Hz, stereo, fltp
, 192 kb/s
Stream #0:1(eng): Video: vc1 (Advanced) (WVC1 / 0x31435657), yuv420p, 1280x7
20, 5942 kb/s, 29.97 tbr, 1k tbn, 1k tbc
Please use -b:a or -b:v, -b is ambiguous
[libx264 # 000000000264faa0] using cpu capabilities: MMX2 SSE2Fast SSSE3 Cache64
[libx264 # 000000000264faa0] profile Constrained Baseline, level 3.0
[libx264 # 000000000264faa0] 264 - core 133 r2334 a3ac64b - H.264/MPEG-4 AVC cod
ec - Copyleft 2003-2013 - http://www.videolan.org/x264.html - options: cabac=0 r
ef=5 deblock=1:0:0 analyse=0x1:0x111 me=umh subme=8 psy=1 psy_rd=1.00:0.00 mixed
_ref=1 me_range=16 chroma_me=1 trellis=1 8x8dct=0 cqm=0 deadzone=21,11 fast_pski
p=1 chroma_qp_offset=-2 threads=3 lookahead_threads=1 sliced_threads=0 nr=0 deci
mate=1 interlaced=0 bluray_compat=0 constrained_intra=0 bframes=0 weightp=0 keyi
nt=250 keyint_min=25 scenecut=40 intra_refresh=0 rc_lookahead=50 rc=abr mbtree=1
bitrate=1200 ratetol=1.0 qcomp=0.60 qpmin=0 qpmax=69 qpstep=4 vbv_maxrate=10000
vbv_bufsize=10000 nal_hrd=none ip_ratio=1.40 aq=1:1.00
Output #0, mp4, to 'C:\vidtests\Wildlife_SE1.mp4':
Metadata:
SfOriginalFPS : 299700
WMFSDKVersion : 11.0.6001.7000
WMFSDKNeeded : 0.0.0.0000
comment : Footage: Small World Productions, Inc; Tourism New Zealand
| Producer: Gary F. Spradling | Music: Steve Ball
title : Wildlife in HD
copyright : © 2008 Microsoft Corporation
IsVBR : 0
DeviceConformanceTemplate: AP#L3
encoder : Lavf55.10.100
Stream #0:0(eng): Video: h264 (libx264) ([33][0][0][0] / 0x0021), yuv420p, 6
40x360, q=-1--1, 1200 kb/s, 30k tbn, 29.97 tbc
Stream #0:1(eng): Audio: aac (libvo_aacenc) ([64][0][0][0] / 0x0040), 44100
Hz, stereo, s16, 160 kb/s
Stream mapping:
Stream #0:1 -> #0:0 (vc1 -> libx264)
Stream #0:0 -> #0:1 (wmav2 -> libvo_aacenc)
Press [q] to stop, [?] for help
frame= 59 fps= 55 q=32.0 size= 0kB time=00:00:00.16 bitrate= 2.3kbits/
frame= 66 fps= 42 q=31.0 size= 0kB time=00:00:00.40 bitrate= 1.0kbits/
frame= 75 fps= 35 q=31.0 size= 0kB time=00:00:00.70 bitrate= 0.5kbits/
frame= 84 fps= 31 q=31.0 size= 0kB time=00:00:01.00 bitrate= 0.4kbits/
frame= 93 fps= 29 q=31.0 size= 0kB time=00:00:01.30 bitrate= 0.3kbits/
frame= 102 fps= 27 q=31.0 size= 0kB time=00:00:01.60 bitrate= 0.2kbits/
frame= 111 fps= 26 q=31.0 size= 38kB time=00:00:01.90 bitrate= 165.1kbits/
Queue input is backward in time
[mp4 # 000000000264f2c0] Non-monotonous DTS in output stream 0:1; previous: 7616
, current: 7063; changing to 7617. This may result in incorrect timestamps in th
e output file.
frame= 120 fps= 25 q=31.0 size= 107kB time=00:00:02.20 bitrate= 397.7kbits/
frame= 128 fps= 24 q=31.0 size= 161kB time=00:00:02.46 bitrate= 534.1kbits/
frame= 137 fps= 23 q=31.0 size= 194kB time=00:00:02.76 bitrate= 572.6kbits/
frame= 145 fps= 23 q=31.0 size= 219kB time=00:00:03.03 bitrate= 592.1kbits/
frame= 153 fps= 22 q=31.0 size= 273kB time=00:00:03.30 bitrate= 677.8kbits/
frame= 162 fps= 22 q=31.0 size= 317kB time=00:00:03.60 bitrate= 720.8kbits/
frame= 170 fps= 21 q=31.0 size= 366kB time=00:00:03.87 bitrate= 775.2kbits/
frame= 177 fps= 21 q=31.0 size= 451kB time=00:00:04.10 bitrate= 900.2kbits/
frame= 193 fps= 21 q=31.0 size= 602kB time=00:00:04.63 bitrate=1062.7kbits/
frame= 208 fps= 22 q=30.0 size= 755kB time=00:00:05.13 bitrate=1204.2kbits/
frame= 219 fps= 22 q=30.0 size= 769kB time=00:00:05.50 bitrate=1143.6kbits/
frame= 228 fps= 21 q=30.0 size= 790kB time=00:00:05.80 bitrate=1114.5kbits/
frame= 234 fps= 21 q=31.0 size= 806kB time=00:00:06.00 bitrate=1098.7kbits/
frame= 243 fps= 21 q=31.0 size= 806kB time=00:00:06.30 bitrate=1046.4kbits/
frame= 251 fps= 21 q=31.0 size= 831kB time=00:00:06.57 bitrate=1035.6kbits/
frame= 260 fps= 20 q=31.0 size= 860kB time=00:00:06.87 bitrate=1024.6kbits/
frame= 273 fps= 21 q=31.0 size= 934kB time=00:00:07.30 bitrate=1046.7kbits/
frame= 288 fps= 21 q=30.0 size= 1019kB time=00:00:07.80 bitrate=1068.7kbits/
frame= 302 fps= 21 q=30.0 size= 1066kB time=00:00:08.27 bitrate=1055.8kbits/
frame= 314 fps= 21 q=29.0 size= 1146kB time=00:00:08.67 bitrate=1082.1kbits/
frame= 328 fps= 21 q=28.0 size= 1189kB time=00:00:09.14 bitrate=1065.6kbits/
frame= 341 fps= 21 q=28.0 size= 1247kB time=00:00:09.57 bitrate=1066.7kbits/
frame= 352 fps= 22 q=27.0 size= 1274kB time=00:00:09.94 bitrate=1049.3kbits/
frame= 365 fps= 22 q=27.0 size= 1298kB time=00:00:10.37 bitrate=1024.7kbits/
frame= 376 fps= 22 q=27.0 size= 1349kB time=00:00:10.74 bitrate=1028.7kbits/
frame= 388 fps= 22 q=26.0 size= 1378kB time=00:00:11.14 bitrate=1012.9kbits/
frame= 401 fps= 22 q=26.0 size= 1415kB time=00:00:11.57 bitrate=1001.4kbits/
frame= 412 fps= 22 q=26.0 size= 1454kB time=00:00:11.94 bitrate= 996.9kbits/
frame= 421 fps= 22 q=27.0 size= 1489kB time=00:00:12.24 bitrate= 996.2kbits/
frame= 431 fps= 21 q=27.0 size= 1509kB time=00:00:12.57 bitrate= 982.7kbits/
frame= 441 fps= 21 q=28.0 size= 1555kB time=00:00:12.91 bitrate= 986.6kbits/
frame= 450 fps= 21 q=28.0 size= 1599kB time=00:00:13.21 bitrate= 991.7kbits/
frame= 460 fps= 21 q=28.0 size= 1621kB time=00:00:13.54 bitrate= 980.4kbits/
frame= 470 fps= 21 q=28.0 size= 1660kB time=00:00:13.88 bitrate= 979.9kbits/
frame= 480 fps= 21 q=28.0 size= 1734kB time=00:00:14.21 bitrate= 999.2kbits/
frame= 489 fps= 21 q=29.0 size= 1834kB time=00:00:14.51 bitrate=1035.3kbits/
frame= 499 fps= 21 q=29.0 size= 1890kB time=00:00:14.84 bitrate=1042.8kbits/
frame= 508 fps= 21 q=29.0 size= 1962kB time=00:00:15.14 bitrate=1060.8kbits/
frame= 519 fps= 21 q=29.0 size= 2061kB time=00:00:15.51 bitrate=1087.9kbits/
frame= 531 fps= 21 q=29.0 size= 2189kB time=00:00:15.91 bitrate=1126.6kbits/
frame= 540 fps= 21 q=29.0 size= 2329kB time=00:00:16.21 bitrate=1176.4kbits/
frame= 551 fps= 21 q=29.0 size= 2439kB time=00:00:16.58 bitrate=1204.8kbits/
frame= 562 fps= 21 q=29.0 size= 2569kB time=00:00:16.95 bitrate=1241.8kbits/
frame= 575 fps= 21 q=29.0 size= 2688kB time=00:00:17.38 bitrate=1266.9kbits/
frame= 581 fps= 21 q=29.0 size= 2749kB time=00:00:17.58 bitrate=1280.6kbits/
frame= 589 fps= 21 q=29.0 size= 2785kB time=00:00:17.85 bitrate=1278.1kbits/
frame= 595 fps= 21 q=30.0 size= 2808kB time=00:00:18.05 bitrate=1274.5kbits/
frame= 602 fps= 20 q=30.0 size= 2903kB time=00:00:18.28 bitrate=1300.7kbits/
frame= 610 fps= 20 q=31.0 size= 3008kB time=00:00:18.55 bitrate=1328.2kbits/
frame= 616 fps= 20 q=31.0 size= 3128kB time=00:00:18.75 bitrate=1366.6kbits/
frame= 625 fps= 20 q=31.0 size= 3238kB time=00:00:19.05 bitrate=1392.5kbits/
frame= 633 fps= 20 q=31.0 size= 3320kB time=00:00:19.31 bitrate=1407.9kbits/
frame= 642 fps= 20 q=31.0 size= 3397kB time=00:00:19.61 bitrate=1418.4kbits/
frame= 652 fps= 20 q=31.0 size= 3437kB time=00:00:19.95 bitrate=1411.1kbits/
frame= 661 fps= 20 q=31.0 size= 3511kB time=00:00:20.25 bitrate=1420.3kbits/
frame= 669 fps= 20 q=31.0 size= 3578kB time=00:00:20.52 bitrate=1428.2kbits/
frame= 679 fps= 20 q=31.0 size= 3606kB time=00:00:20.85 bitrate=1416.6kbits/
frame= 691 fps= 20 q=32.0 size= 3670kB time=00:00:21.25 bitrate=1414.5kbits/
frame= 701 fps= 20 q=32.0 size= 3798kB time=00:00:21.58 bitrate=1441.2kbits/
frame= 713 fps= 20 q=32.0 size= 3901kB time=00:00:21.98 bitrate=1453.3kbits/
frame= 723 fps= 20 q=32.0 size= 3969kB time=00:00:22.32 bitrate=1456.6kbits/
frame= 735 fps= 20 q=32.0 size= 4027kB time=00:00:22.72 bitrate=1451.7kbits/
frame= 744 fps= 20 q=32.0 size= 4102kB time=00:00:23.02 bitrate=1459.6kbits/
frame= 755 fps= 20 q=32.0 size= 4135kB time=00:00:23.39 bitrate=1448.3kbits/
frame= 764 fps= 20 q=32.0 size= 4172kB time=00:00:23.69 bitrate=1442.7kbits/
frame= 776 fps= 20 q=32.0 size= 4216kB time=00:00:24.09 bitrate=1433.5kbits/
frame= 787 fps= 20 q=32.0 size= 4254kB time=00:00:24.45 bitrate=1424.8kbits/
frame= 802 fps= 20 q=32.0 size= 4337kB time=00:00:24.95 bitrate=1423.6kbits/
frame= 815 fps= 20 q=32.0 size= 4369kB time=00:00:25.39 bitrate=1409.6kbits/
frame= 828 fps= 20 q=32.0 size= 4450kB time=00:00:25.82 bitrate=1411.5kbits/
frame= 840 fps= 20 q=32.0 size= 4467kB time=00:00:26.22 bitrate=1395.3kbits/
frame= 852 fps= 20 q=32.0 size= 4550kB time=00:00:26.62 bitrate=1399.8kbits/
frame= 865 fps= 20 q=32.0 size= 4594kB time=00:00:27.06 bitrate=1390.7kbits/
frame= 877 fps= 20 q=32.0 size= 4629kB time=00:00:27.46 bitrate=1380.9kbits/
frame= 889 fps= 20 q=32.0 size= 4689kB time=00:00:27.86 bitrate=1378.6kbits/
frame= 900 fps= 20 q=32.0 size= 4740kB time=00:00:28.22 bitrate=1375.6kbits/
frame= 901 fps= 19 q=-1.0 Lsize= 5203kB time=00:00:30.10 bitrate=1416.0kbits
/s
video:4586kB audio:590kB subtitle:0 global headers:0kB muxing overhead 0.532558%
[libx264 # 000000000264faa0] frame I:8 Avg QP:22.98 size: 31700
[libx264 # 000000000264faa0] frame P:893 Avg QP:27.55 size: 4974
[libx264 # 000000000264faa0] mb I I16..4: 34.6% 0.0% 65.4%
[libx264 # 000000000264faa0] mb P I16..4: 0.8% 0.0% 1.5% P16..4: 41.4% 18.8
% 8.5% 0.0% 0.0% skip:29.0%
[libx264 # 000000000264faa0] final ratefactor: 24.50
[libx264 # 000000000264faa0] coded y,uvDC,uvAC intra: 64.3% 76.0% 36.7% inter: 2
3.5% 19.6% 0.7%
[libx264 # 000000000264faa0] i16 v,h,dc,p: 34% 33% 11% 22%
[libx264 # 000000000264faa0] i4 v,h,dc,ddl,ddr,vr,hd,vl,hu: 12% 16% 12% 9% 12%
11% 12% 7% 8%
[libx264 # 000000000264faa0] i8c dc,h,v,p: 55% 23% 14% 7%
[libx264 # 000000000264faa0] ref P L0: 72.3% 12.0% 8.1% 3.7% 3.9%
[libx264 # 000000000264faa0] kb/s:1249.53
But still no luck. The .mp4 will play in every compatible device/browser combination I have tried except for chrome.. Any advice?
TIA.
The solution is to use the parameter "-pix_fmt yuv420p":
ps>ffmpeg.exe -i $input\$file -y -strict experimental -acodec aac -ac 2 -ab 160k -vcodec libx264 -s 640x480 -pix_fmt yuv420p -preset slow -profile:v baseline -level 30 -maxrate 10000000 -bufsize 10000000 -b 1200k -f mp4 -threads 0 $output\$file.iphone.mp4
ffmpeg version N-46936-g8b6aeb1
Hopes this can help you with getting chrome compatible videos
Update1
See reference it may help you
Another source of error could be the transfer, rather than the decoding, of the video.
Try opening the ones that don't work using a "file://..." url: If that works, the problem is with the transport and has nothing to do with h264 or mp4.
Although both the given files play fine in my Chrome when hosted as html5, I see such a transport problem with an even bigger mp4 file. In that case, I can see cancelled requests in fiddler.
It appears to be a bug in Chrome and I have not yet found a workaround.
Chrome might be using some H.264 video driver acceleration that might break on older drivers... try to update the video drivers and see if it works.
Please try the following, i also had some troubles to get mp4 files working in Chrome. In my case the mp4 files were not working even if i drag and drop the mp4 file in chrome. I hope you have the same issue. First step your mp4 file should be encoded with H.264. In my case i had to change the following settings :-
Enter Chrome://flags
Search for the following :-
Disable hardware-accelerated video decode.
Disable the above setting by selecting the Disable option
Restart the browser.
Check if Chrome plays the mp4 file now. If yes then HTML video should also work without any problems.
Related
Here is the http-livestream setup: The server is running ffmpeg with the DASH protocol and h264 encoding. The client is using Dash.js. Resolution is fixed to 1920x1080, with 24 bit depth, and 60hz.
The artefacting (image below) is only present when the last row of the video is within chrome viewport (so it disapears if the page is scrolled up). It manifests itself as stretching of the center row of pixels downwards, and appears to only affect some color channels.
I have attempted changing the bitrate, and cutting the last row from the source, thinking the issue could be on the server side, without any impact. The fact that the issue depends on the position in the viewport makes me suspect a glitch in chrome itself.
I have also attempted to force hardware decoding off in chrome:\flags and it does not solve the issue.
Please submit your hypothesis on what could be the cause of this issue. Thanks.
Update #1
Here is the ffmpeg command line and logs:
export DISPLAY=:0 && ffmpeg -f x11grab -framerate 60 -video_size 1920x1080 -i :0.0+0,0 -draw_mouse 0 -f dash -utc_timing_url https://time.akamai.com/?iso -streaming 1 -seg_duration 2 -frag_duration 0.033 -fflags nobuffer -fflags flush_packets -c:v h264 -preset ultrafast data/stream.mpd
And the logs:
ffmpeg version 4.2.4-1ubuntu0.1 Copyright (c) 2000-2020 the FFmpeg developers
built with gcc 9 (Ubuntu 9.3.0-10ubuntu2)
configuration: --prefix=/usr --extra-version=1ubuntu0.1 --toolchain=hardened --libdir=/usr/lib/x86_64-linux-gnu --incdir=/usr/include/x86_64-linux-gnu --arch=amd64 --enable-gpl --disable-stripping --enable-avresample --disable-filter=resample --enable-avisynth --enable-gnutls --enable-ladspa --enable-libaom --enable-libass --enable-libbluray --enable-libbs2b --enable-libcaca --enable-libcdio --enable-libcodec2 --enable-libflite --enable-libfontconfig --enable-libfreetype --enable-libfribidi --enable-libgme --enable-libgsm --enable-libjack --enable-libmp3lame --enable-libmysofa --enable-libopenjpeg --enable-libopenmpt --enable-libopus --enable-libpulse --enable-librsvg --enable-librubberband --enable-libshine --enable-libsnappy --enable-libsoxr --enable-libspeex --enable-libssh --enable-libtheora --enable-libtwolame --enable-libvidstab --enable-libvorbis --enable-libvpx --enable-libwavpack --enable-libwebp --enable-libx265 --enable-libxml2 --enable-libxvid --enable-libzmq --enable-libzvbi --enable-lv2 --enable-omx --enable-openal --enable-opencl --enable-opengl --enable-sdl2 --enable-libdc1394 --enable-libdrm --enable-libiec61883 --enable-nvenc --enable-chromaprint --enable-frei0r --enable-libx264 --enable-shared
libavutil 56. 31.100 / 56. 31.100
libavcodec 58. 54.100 / 58. 54.100
libavformat 58. 29.100 / 58. 29.100
libavdevice 58. 8.100 / 58. 8.100
libavfilter 7. 57.100 / 7. 57.100
libavresample 4. 0. 0 / 4. 0. 0
libswscale 5. 5.100 / 5. 5.100
libswresample 3. 5.100 / 3. 5.100
libpostproc 55. 5.100 / 55. 5.100
[x11grab # 0x561ca34b9980] Stream #0: not enough frames to estimate rate; consider increasing probesize
Input #0, x11grab, from ':0.0+0,0':
Duration: N/A, start: 1618941693.853256, bitrate: N/A
Stream #0:0: Video: rawvideo (BGR[0] / 0x524742), bgr0, 1920x1080, 60 fps, 1000k tbr, 1000k tbn, 1000k tbc
Stream mapping:
Stream #0:0 -> #0:0 (rawvideo (native) -> h264 (libx264))
Press [q] to stop, [?] for help
[libx264 # 0x561ca34c5300] using cpu capabilities: MMX2 SSE2Fast SSSE3 SSE4.2 AVX FMA3 BMI2 AVX2 AVX512
[libx264 # 0x561ca34c5300] profile High 4:4:4 Predictive, level 4.2, 4:4:4 8-bit
[libx264 # 0x561ca34c5300] 264 - core 155 r2917 0a84d98 - H.264/MPEG-4 AVC codec - Copyleft 2003-2018 - http://www.videolan.org/x264.html - options: cabac=0 ref=1 deblock=0:0:0 analyse=0:0 me=dia subme=0 psy=1 psy_rd=1.00:0.00 mixed_ref=0 me_range=16 chroma_me=1 trellis=1 8x8dct=0 cqm=0 deadzone=21,11 fast_pskip=1 chroma_qp_offset=6 threads=6 lookahead_threads=1 sliced_threads=0 nr=0 decimate=1 interlaced=0 bluray_compat=0 constrained_intra=0 bframes=0 weightp=0 keyint=250 keyint_min=25 scenecut=0 intra_refresh=0 rc=crf mbtree=0 crf=23.0 qcomp=0.60 qpmin=0 qpmax=69 qpstep=4 ip_ratio=1.40 aq=0
[dash # 0x561ca34c3740] No bit rate set for stream 0
[dash # 0x561ca34c3740] Opening 'data/init-stream0.m4s' for writing
Output #0, dash, to 'data/stream.mpd':
Metadata:
encoder : Lavf58.29.100
Stream #0:0: Video: h264 (libx264), yuv444p, 1920x1080, q=-1--1, 60 fps, 15360 tbn, 60 tbc
Metadata:
encoder : Lavc58.54.100 libx264
Side data:
cpb: bitrate max/min/avg: 0/0/0 buffer size: 0 vbv_delay: -1
[dash # 0x561ca34c3740] Opening 'data/chunk-stream0-00001.m4s.tmp' for writing
frame= 34 fps=0.0 q=15.0 size=N/A time=00:00:00.43 bitrate=N/A dup=5 drop=0 speed=0.836x
frame= 65 fps= 64 q=15.0 size=N/A time=00:00:00.95 bitrate=N/A dup=5 drop=0 speed=0.929x
frame= 96 fps= 62 q=15.0 size=N/A time=00:00:01.46 bitrate=N/A dup=5 drop=2 speed=0.955x
frame= 126 fps= 62 q=15.0 size=N/A time=00:00:01.96 bitrate=N/A dup=5 drop=3 speed=0.962x
frame= 157 fps= 62 q=15.0 size=N/A time=00:00:02.48 bitrate=N/A dup=5 drop=3 speed=0.973x
frame= 188 fps= 61 q=15.0 size=N/A time=00:00:03.00 bitrate=N/A dup=5 drop=3 speed=0.98x
frame= 217 fps= 61 q=15.0 size=N/A time=00:00:03.48 bitrate=N/A dup=5 drop=3 speed=0.977x
frame= 247 fps= 61 q=15.0 size=N/A time=00:00:03.98 bitrate=N/A dup=6 drop=3 speed=0.976x
[dash # 0x561ca34c3740] Opening 'data/stream.mpd.tmp' for writing
[dash # 0x561ca34c3740] Opening 'data/chunk-stream0-00002.m4s.tmp' for writing
frame= 279 fps= 61 q=15.0 size=N/A t
Add the -vf format=yuv420p output option for YUV 4:2:0 chroma subsampling. This is the only widely supported chroma subsampling scheme for H.264.
Your input pixel format is bgr0. Your output is yuv444p. ffmpeg tries to preserve as much fidelity as it can so it auto converts it to a pixel format supported by the selected encoder that most resembles the source. In this case it is yuv444p (YUV 4:4:4) which is not universally supported.
I'm using ffmpeg to capture the activity of chrome (thanks to chrome driver) and record it into an mp4 file. However, the memory consumed by ffmpeg is quickly blowing up, and after a minute or so my 8GB of memory get saturated and I have to reboot the PC.
Unbuntu 16.0
ALSA loopback (installed by modprobe snd-aloop)
ffmpeg version 4.2.2-1ubuntu1~16.04.york0
This is the command line to ffmpeg:
ffmpeg -y -v info -f x11grab -draw_mouse 0 -r 30 -s 1280x720 -thread_queue_size 4096
-i :0.0+0,0 -f alsa -thread_queue_size 4096 -i plug:cloop -acodec aac -strict -2 -ar 44100
-c:v libx264 -preset veryfast -profile:v main -level 3.1 -pix_fmt yuv420p -r 30
-crf 25 -g 60 -tune zerolatency -f mp4 file.mp4
If I remove all the sound input (-i plug:cloop -acodec aac -strict -2 -ar 44100) then the memory is OK, stable, but the file generated can't be played with VLC or media player.
The logs from ffmpeg looks normal to me:
root$ ffmpeg -rtbufsize 15M -y -v info -f x11grab -draw_mouse 0 -r 30 -s 1280x720 -thread_queue_size 4096 -i :0.0+0,0 -f alsa -thread_queue_size 4096 -i hw:0 -acodec ac3_fixed -strict -2 -ar 44100 -c:v libx264 -preset veryfast -profile:v main -level 3.1 -pix_fmt yuv420p -r 30 -crf 25 -g 60 -tune zerolatency -f mp4 /tmp/recordings/stuff.mp4
ffmpeg version 2.8.15-0ubuntu0.16.04.1 Copyright (c) 2000-2018 the FFmpeg developers
built with gcc 5.4.0 (Ubuntu 5.4.0-6ubuntu1~16.04.10) 20160609
configuration: --prefix=/usr --extra-version=0ubuntu0.16.04.1 --build-suffix=-ffmpeg --toolchain=hardened --libdir=/usr/lib/x86_64-linux-gnu --incdir=/usr/include/x86_64-linux-gnu --cc=cc --cxx=g++ --enable-gpl --enable-shared --disable-stripping --disable-decoder=libopenjpeg --disable-decoder=libschroedinger --enable-avresample --enable-avisynth --enable-gnutls --enable-ladspa --enable-libass --enable-libbluray --enable-libbs2b --enable-libcaca --enable-libcdio --enable-libflite --enable-libfontconfig --enable-libfreetype --enable-libfribidi --enable-libgme --enable-libgsm --enable-libmodplug --enable-libmp3lame --enable-libopenjpeg --enable-libopus --enable-libpulse --enable-librtmp --enable-libschroedinger --enable-libshine --enable-libsnappy --enable-libsoxr --enable-libspeex --enable-libssh --enable-libtheora --enable-libtwolame --enable-libvorbis --enable-libvpx --enable-libwavpack --enable-libwebp --enable-libx265 --enable-libxvid --enable-libzvbi --enable-openal --enable-opengl --enable-x11grab --enable-libdc1394 --enable-libiec61883 --enable-libzmq --enable-frei0r --enable-libx264 --enable-libopencv
libavutil 54. 31.100 / 54. 31.100
libavcodec 56. 60.100 / 56. 60.100
libavformat 56. 40.101 / 56. 40.101
libavdevice 56. 4.100 / 56. 4.100
libavfilter 5. 40.101 / 5. 40.101
libavresample 2. 1. 0 / 2. 1. 0
libswscale 3. 1.101 / 3. 1.101
libswresample 1. 2.101 / 1. 2.101
libpostproc 53. 3.100 / 53. 3.100
Input #0, x11grab, from ':0.0+0,0':
Duration: N/A, start: 1587042601.295126, bitrate: N/A
Stream #0:0: Video: rawvideo (BGR[0] / 0x524742), bgr0, 1280x720, 30 fps, 30 tbr, 1000k tbn, 30 tbc
Guessed Channel Layout for Input Stream #1.0 : stereo
Input #1, alsa, from 'hw:0':
Duration: N/A, start: 1587042601.304179, bitrate: 1536 kb/s
Stream #1:0: Audio: pcm_s16le, 48000 Hz, 2 channels, s16, 1536 kb/s
[libx264 # 0x928ee0] using cpu capabilities: MMX2 SSE Cache64
[libx264 # 0x928ee0] profile Main, level 3.1
Output #0, mpegts, to '/tmp/recordings/stuff.ts':
Metadata:
encoder : Lavf56.40.101
Stream #0:0: Video: h264 (libx264), yuv420p, 1280x720, q=-1--1, 30 fps, 90k tbn, 30 tbc
Metadata:
encoder : Lavc56.60.100 libx264
Stream #0:1: Audio: ac3 (ac3_fixed), 44100 Hz, stereo, s16p, 192 kb/s
Metadata:
encoder : Lavc56.60.100 ac3_fixed
Stream mapping:
Stream #0:0 -> #0:0 (rawvideo (native) -> h264 (libx264))
Stream #1:0 -> #0:1 (pcm_s16le (native) -> ac3 (ac3_fixed))
Press [q] to stop, [?] for help
frame= 7 fps=0.0 q=21.0 size= 5kB time=00:00:00.23 bitrate= 180.5kbits/s frame= 15 fps= 15 q=21.0 size= 15kB time=00:00:00.50 bitrate= 240.6kbits/s frame= 21 fps= 14 q=21.0 size= 21kB time=00:00:00.70 bitrate= 249.2kbits/s frame= 28 fps= 14 q=21.0 size= 28kB time=00:00:00.93 bitrate= 246.5kbits/s frame= 35 fps= 13 q=21.0 size= 35kB time=00:00:01.16 bitrate= 244.9kbits/s frame= 42 fps= 13 q=21.0 size= 44kB time=00:00:01.40 bitrate= 260.0kbits/s frame= 49 fps= 13 q=21.0 size= 51kB time=00:00:01.63 bitrate= 256.9kbits/s frame= 56 fps= 13 q=21.0 size= 58kB time=00:00:01.86 bitrate= 254.6kbits/s frame= 63 fps= 13 q=22.0 size= 66kB time=00:00:02.10 bitrate= 255.7kbits/s frame= 70 fps= 13 q=21.0 size= 75kB time=00:00:02.33 bitrate= 263.0kbits/s frame= 77 fps= 13 q=21.0 size= 82kB time=00:00:02.56 bitrate= 261.3kbits/s frame= 79 fps= 13 q=21.0 Lsize= 85kB time=00:00:02.63 bitrate= 264.4kbits/s
video:8kB audio:61kB subtitle:0kB other streams:0kB global headers:0kB muxing overhead: 22.604090%
[libx264 # 0x928ee0] frame I:2 Avg QP: 5.10 size: 760
[libx264 # 0x928ee0] frame P:77 Avg QP: 6.78 size: 88
[libx264 # 0x928ee0] mb I I16..4: 99.9% 0.0% 0.1%
[libx264 # 0x928ee0] mb P I16..4: 0.0% 0.0% 0.0% P16..4: 0.0% 0.0% 0.0% 0.0% 0.0% skip:100.0%
[libx264 # 0x928ee0] coded y,uvDC,uvAC intra: 0.0% 0.1% 0.0% inter: 0.0% 0.0% 0.0%
[libx264 # 0x928ee0] i16 v,h,dc,p: 91% 0% 9% 0%
[libx264 # 0x928ee0] i4 v,h,dc,ddl,ddr,vr,hd,vl,hu: 0% 0% 100% 0% 0% 0% 0% 0% 0%
[libx264 # 0x928ee0] i8c dc,h,v,p: 98% 2% 0% 0%
[libx264 # 0x928ee0] Weighted P-Frames: Y:0.0% UV:0.0%
[libx264 # 0x928ee0] kb/s:25.23
Exiting normally, received signal 2.
This is my .asoundrc file.
# playback PCM device: using loopback subdevice 0,0
pcm.amix {
type dmix
ipc_key 219345
slave.pcm "hw:Loopback,0,0"
}
# capture PCM device: using loopback subdevice 0,1
pcm.asnoop {
type dsnoop
ipc_key 219346
slave.pcm "hw:Loopback,0,1"
}
# duplex device combining our PCM devices defined above
pcm.aduplex {
type asym
playback.pcm "amix"
capture.pcm "asnoop"
}
# ------------------------------------------------------
# for jack alsa_in and alsa_out: looped-back signal at other ends
pcm.ploop {
type plug
slave.pcm "hw:Loopback,1,1"
}
pcm.cloop {
type dsnoop
ipc_key 219348
slave.pcm "hw:Loopback,1,0"
}
# ------------------------------------------------------
# default device
pcm.!default {
type plug
slave.pcm "aduplex"
}
I'm not sure how to debug this kind of issue, any idea why the memory blow up so fast like that ?
I've a problem when running npm run start-dev. I didn't find how to fix it.
I need your help.
Here the screenshot:
You need to install dependencies. Execute these 2 commands:
npm i -g webpack
npm i -g nodemon
thank you max! but now another error appears:
$ npm run start-dev
Transpeed#0.1.0 start-dev D:\Job\Tsuki Studio\project\transport
NODE_ENV=development webpack -w & NODE_ENV=development nodemon server.js
Webpack is watching the files…
(node:5256) DeprecationWarning: Chunk.modules is deprecated. Use Chunk.getNumberOfModules/mapModules/forEachModule/containsModule instead.
Hash: 78554cdef93f0cd841ef7c3729b001ec9190d7db
Version: webpack 3.1.0
Child
Hash: 78554cdef93f0cd841ef
Time: 22097ms
Asset Size Chunks Chunk Names
./public/bundle.js 2.21 MB 0 [emitted] [big] main
./public/bundle.js.map 2.61 MB 0 [emitted] main
[41] ./src/shared/helper/index.js 112 bytes {0} [built]
[224] ./src/shared/reducers/index.js 245 bytes {0} [built]
[225] ./src/shared/routes.js 307 bytes {0} [built]
[298] ./src/browser/index.js 868 bytes {0} [built]
[447] ./src/shared/configureStore.js 515 bytes {0} [built]
[449] ./src/shared/reducers/Authentication.js 638 bytes {0} [built]
[453] ./src/shared/reducers/User.js 319 bytes {0} [built]
[455] ./src/shared/App.js 2.85 kB {0} [built]
[456] ./src/shared/scenes/Dashboard/index.js 3.17 kB {0} [built]
[461] ./src/shared/helper/Cookie.js 600 bytes {0} [built]
[463] ./src/shared/helper/PrivateRoute.js 1.37 kB {0} [built]
[464] ./src/shared/helper/authHeader.js 216 bytes {0} [built]
[465] ./src/shared/helper/store.js 326 bytes {0} [built]
[696] ./src/shared/scenes/Sign/scenes/Login/index.js 6.57 kB {0} [built]
[697] ./src/shared/scenes/Users/index.js 12 kB {0} [built]
+ 725 hidden modules
Child
Hash: 7c3729b001ec9190d7db
Time: 31234ms
Asset Size Chunks Chunk Names
server.js 3.07 MB 0 [emitted] [big] main
server.js.map 3.85 MB 0 [emitted] main
[43] ./src/shared/helper/index.js 112 bytes {0} [built]
[161] ./src/shared/routes.js 307 bytes {0} [built]
[162] ./src/shared/actions/index.js 47 bytes {0} [built]
[280] ./src/shared/reducers/index.js 245 bytes {0} [built]
[281] ./src/shared/HOC/index.js 51 bytes {0} [built]
[357] ./src/server/index.js 3.02 kB {0} [built]
[547] ./src/shared/scenes/Dashboard/index.js 3.17 kB {0} [built]
[585] ./src/shared/helper/authHeader.js 216 bytes {0} [built]
[586] ./src/shared/helper/store.js 326 bytes {0} [built]
[587] ./src/shared/reducers/Authentication.js 638 bytes {0} [built]
[588] ./src/shared/reducers/User.js 319 bytes {0} [built]
[826] ./src/shared/scenes/Sign/scenes/Login/index.js 6.57 kB {0} [built]
[827] ./src/shared/scenes/Users/index.js 12 kB {0} [built]
[870] ./src/shared/configureStore.js 515 bytes {0} [built]
[873] ./src/shared/App.js 2.85 kB {0} [built]
+ 870 hidden modules
WARNING in ./node_modules/express/lib/view.js
80:29-41 Critical dependency: the request of a dependency is an expression
WARNING in ./node_modules/encoding/lib/iconv-loader.js
9:12-34 Critical dependency: the request of a dependency is an expression
I was using an ES6-react-webpack boilerplate that I found on the internet. It works fine. Now, I wanted to strip it down to get rid of reactjs elements. and I get the following error:
xtd8865#darkstar:~/data/projects/reactjs/es6-template/template$ npm start
> react-es6-webpack-boilerplate#4.0.0 start /home/xtd8865/data/projects/reactjs/es6-template/template
> node server.js
Listening at localhost:5000
Hash: 8ee3d46227d899f9d9c3
Version: webpack 1.13.2
Time: 3914ms
Asset Size Chunks Chunk Names
bundle.js 666 kB 0 main
chunk {0} bundle.js (main) 224 kB [rendered]
[0] multi main 52 bytes {0} [built] [1 error]
[1] (webpack)-dev-server/client?http://localhost:5000 3.97 kB {0} [built]
[2] (webpack)/~/node-libs-browser/~/url/url.js 22.3 kB {0} [built]
[3] (webpack)/~/node-libs-browser/~/url/~/punycode/punycode.js 14.6 kB {0} [built]
[4] (webpack)/buildin/module.js 251 bytes {0} [built]
[5] (webpack)/~/node-libs-browser/~/url/~/querystring/index.js 127 bytes {0} [built]
[6] (webpack)/~/node-libs-browser/~/url/~/querystring/decode.js 2.4 kB {0} [built]
[7] (webpack)/~/node-libs-browser/~/url/~/querystring/encode.js 2.09 kB {0} [built]
[8] (webpack)-dev-server/~/strip-ansi/index.js 161 bytes {0} [built]
[9] (webpack)-dev-server/~/strip-ansi/~/ansi-regex/index.js 135 bytes {0} [built]
[10] (webpack)-dev-server/client/socket.js 856 bytes {0} [built]
[11] (webpack)-dev-server/~/sockjs-client/lib/entry.js 244 bytes {0} [built]
[12] (webpack)-dev-server/~/sockjs-client/lib/transport-list.js 613 bytes {0} [built]
[13] (webpack)-dev-server/~/sockjs-client/lib/transport/websocket.js 2.71 kB {0} [built]
[14] (webpack)/~/node-libs-browser/~/process/browser.js 5.3 kB {0} [built]
[15] (webpack)-dev-server/~/sockjs-client/lib/utils/event.js 2 kB {0} [built]
[16] (webpack)-dev-server/~/sockjs-client/lib/utils/random.js 746 bytes {0} [built]
[17] (webpack)-dev-server/~/sockjs-client/lib/utils/browser-crypto.js 438 bytes {0} [built]
[18] (webpack)-dev-server/~/sockjs-client/lib/utils/url.js 975 bytes {0} [built]
[19] (webpack)-dev-server/~/sockjs-client/~/url-parse/index.js 9.91 kB {0} [built]
[20] (webpack)-dev-server/~/sockjs-client/~/url-parse/~/requires-port/index.js 753 bytes {0} [built]
[21] (webpack)-dev-server/~/sockjs-client/~/url-parse/lolcation.js 1.58 kB {0} [built]
[22] (webpack)-dev-server/~/sockjs-client/~/url-parse/~/querystringify/index.js 1.3 kB {0} [built]
[23] (webpack)-dev-server/~/sockjs-client/~/debug/browser.js 3.76 kB {0} [built]
[24] (webpack)-dev-server/~/sockjs-client/~/debug/debug.js 4.1 kB {0} [built]
[25] (webpack)-dev-server/~/sockjs-client/~/debug/~/ms/index.js 2.33 kB {0} [built]
[26] (webpack)-dev-server/~/sockjs-client/~/inherits/inherits_browser.js 672 bytes {0} [built]
[27] (webpack)-dev-server/~/sockjs-client/lib/event/emitter.js 1.27 kB {0} [built]
[28] (webpack)-dev-server/~/sockjs-client/lib/event/eventtarget.js 1.85 kB {0} [built]
[29] (webpack)-dev-server/~/sockjs-client/lib/transport/browser/websocket.js 172 bytes {0} [built]
[30] (webpack)-dev-server/~/sockjs-client/lib/transport/xhr-streaming.js 1.25 kB {0} [built]
[31] (webpack)-dev-server/~/sockjs-client/lib/transport/lib/ajax-based.js 1.31 kB {0} [built]
[32] (webpack)-dev-server/~/sockjs-client/lib/transport/lib/sender-receiver.js 1.15 kB {0} [built]
[33] (webpack)-dev-server/~/sockjs-client/lib/transport/lib/buffered-sender.js 2.3 kB {0} [built]
[34] (webpack)-dev-server/~/sockjs-client/lib/transport/lib/polling.js 1.32 kB {0} [built]
[35] (webpack)-dev-server/~/sockjs-client/lib/transport/receiver/xhr.js 1.58 kB {0} [built]
[36] (webpack)-dev-server/~/sockjs-client/lib/transport/sender/xhr-cors.js 343 bytes {0} [built]
[37] (webpack)-dev-server/~/sockjs-client/lib/transport/browser/abstract-xhr.js 4.8 kB {0} [built]
[38] (webpack)-dev-server/~/sockjs-client/lib/transport/sender/xhr-local.js 352 bytes {0} [built]
[39] (webpack)-dev-server/~/sockjs-client/lib/utils/browser.js 560 bytes {0} [built]
[40] (webpack)-dev-server/~/sockjs-client/lib/transport/xdr-streaming.js 984 bytes {0} [built]
[41] (webpack)-dev-server/~/sockjs-client/lib/transport/sender/xdr.js 2.46 kB {0} [built]
[42] (webpack)-dev-server/~/sockjs-client/lib/transport/eventsource.js 766 bytes {0} [built]
[43] (webpack)-dev-server/~/sockjs-client/lib/transport/receiver/eventsource.js 1.58 kB {0} [built]
[44] (webpack)-dev-server/~/sockjs-client/lib/transport/browser/eventsource.js 37 bytes {0} [built]
[45] (webpack)-dev-server/~/sockjs-client/lib/transport/lib/iframe-wrap.js 981 bytes {0} [built]
[46] (webpack)-dev-server/~/sockjs-client/lib/transport/iframe.js 3.83 kB {0} [built]
[47] (webpack)-dev-server/~/sockjs-client/~/json3/lib/json3.js 43.3 kB {0} [built]
[48] (webpack)/buildin/amd-options.js 43 bytes {0} [built]
[49] (webpack)-dev-server/~/sockjs-client/lib/version.js 26 bytes {0} [built]
[50] (webpack)-dev-server/~/sockjs-client/lib/utils/iframe.js 5.06 kB {0} [built]
[51] (webpack)-dev-server/~/sockjs-client/lib/utils/object.js 532 bytes {0} [built]
[52] (webpack)-dev-server/~/sockjs-client/lib/transport/htmlfile.js 710 bytes {0} [built]
[53] (webpack)-dev-server/~/sockjs-client/lib/transport/receiver/htmlfile.js 2.2 kB {0} [built]
[54] (webpack)-dev-server/~/sockjs-client/lib/transport/xhr-polling.js 894 bytes {0} [built]
[55] (webpack)-dev-server/~/sockjs-client/lib/transport/xdr-polling.js 712 bytes {0} [built]
[56] (webpack)-dev-server/~/sockjs-client/lib/transport/jsonp-polling.js 1.02 kB {0} [built]
[57] (webpack)-dev-server/~/sockjs-client/lib/transport/receiver/jsonp.js 5.57 kB {0} [built]
[58] (webpack)-dev-server/~/sockjs-client/lib/transport/sender/jsonp.js 2.46 kB {0} [built]
[59] (webpack)-dev-server/~/sockjs-client/lib/main.js 11.9 kB {0} [built]
[60] (webpack)-dev-server/~/sockjs-client/lib/shims.js 18.2 kB {0} [built]
[61] (webpack)-dev-server/~/sockjs-client/lib/utils/escape.js 2.31 kB {0} [built]
[62] (webpack)-dev-server/~/sockjs-client/lib/utils/transport.js 1.35 kB {0} [built]
[63] (webpack)-dev-server/~/sockjs-client/lib/utils/log.js 450 bytes {0} [built]
[64] (webpack)-dev-server/~/sockjs-client/lib/event/event.js 477 bytes {0} [built]
[65] (webpack)-dev-server/~/sockjs-client/lib/location.js 177 bytes {0} [built]
[66] (webpack)-dev-server/~/sockjs-client/lib/event/close.js 295 bytes {0} [built]
[67] (webpack)-dev-server/~/sockjs-client/lib/event/trans-message.js 292 bytes {0} [built]
[68] (webpack)-dev-server/~/sockjs-client/lib/info-receiver.js 2.22 kB {0} [built]
[69] (webpack)-dev-server/~/sockjs-client/lib/transport/sender/xhr-fake.js 456 bytes {0} [built]
[70] (webpack)-dev-server/~/sockjs-client/lib/info-iframe.js 1.52 kB {0} [built]
[71] (webpack)-dev-server/~/sockjs-client/lib/info-iframe-receiver.js 791 bytes {0} [built]
[72] (webpack)-dev-server/~/sockjs-client/lib/info-ajax.js 1.03 kB {0} [built]
[73] (webpack)-dev-server/~/sockjs-client/lib/iframe-bootstrap.js 2.9 kB {0} [built]
[74] (webpack)-dev-server/~/sockjs-client/lib/facade.js 723 bytes {0} [built]
[75] (webpack)/hot/dev-server.js 1.85 kB {0} [built]
[76] (webpack)/hot/log-apply-result.js 813 bytes {0} [built]
ERROR in ./scripts/index.js
Module build failed: Error: Couldn't find preset "react" relative to directory "/home/xtd8865/data/projects/reactjs/es6-template/template"
at /home/xtd8865/data/projects/reactjs/es6-template/template/node_modules/babel-core/lib/transformation/file/options/option-manager.js:298:19
at Array.map (native)
at OptionManager.resolvePresets (/home/xtd8865/data/projects/reactjs/es6-template/template/node_modules/babel-core/lib/transformation/file/options/option-manager.js:269:20)
at OptionManager.mergePresets (/home/xtd8865/data/projects/reactjs/es6-template/template/node_modules/babel-core/lib/transformation/file/options/option-manager.js:258:10)
at OptionManager.mergeOptions (/home/xtd8865/data/projects/reactjs/es6-template/template/node_modules/babel-core/lib/transformation/file/options/option-manager.js:243:14)
at OptionManager.init (/home/xtd8865/data/projects/reactjs/es6-template/template/node_modules/babel-core/lib/transformation/file/options/option-manager.js:373:12)
at File.initOptions (/home/xtd8865/data/projects/reactjs/es6-template/template/node_modules/babel-core/lib/transformation/file/index.js:221:65)
at new File (/home/xtd8865/data/projects/reactjs/es6-template/template/node_modules/babel-core/lib/transformation/file/index.js:141:24)
at Pipeline.transform (/home/xtd8865/data/projects/reactjs/es6-template/template/node_modules/babel-core/lib/transformation/pipeline.js:46:16)
at transpile (/home/xtd8865/data/projects/reactjs/es6-template/template/node_modules/babel-loader/index.js:38:20)
# multi main
webpack: bundle is now VALID.
/scripts/index.js does not have any reference to react:
var container = document.getElementById('root');
container.innerHTML = "THIS IS A TEST";
I have removed all the packages with react in their names from package.json and upgraded version numbers of packages:
{
"name": "ES6-template",
"version": "0.0.1",
"description": "My es6 playground",
"main": "index.js",
"scripts": {
"start": "node server.js",
"build": "BABEL_ENV=production ./node_modules/.bin/webpack --config webpack.config.production.js",
"lint": "./node_modules/.bin/eslint ."
},
"keywords": [
"es6",
"babel",
"webpack"
],
"dependencies": {
"babel-runtime": "^6.9.2",
"bootstrap": "^3.3.7"
},
"devDependencies": {
"babel-polyfill": "^6.16.0",
"babel-core": "^6.16.0",
"babel-eslint": "^7.0.0",
"babel-loader": "^6.2.5",
"babel-plugin-transform-runtime": "^6.15.0",
"babel-preset-es2015": "^6.16.0",
"babel-preset-stage-0": "^6.16.0",
"css-loader": "^0.25.0",
"eslint": "^3.7.1",
"file-loader": "^0.9.0",
"url-loader": "^0.5.7",
"webpack": "^1.13.2",
"webpack-dev-server": "^1.16.2"
}
}
Please advise. Also, are there any other packages above that were react-specific and would not be needed without react?
I have found what it was. The problem was in the hidden file .babelrc
I have removed the reference to react presets there and everything is fine.
As the title says, I'm having issues with converted videos that are over 30s. They are not playing in chrome but they do work in all other browsers. The thing is, if the video is less than 30s than it plays fine in chrome too.
The input file is mpeg4 encoded and I'm trying to convert it using the h264 codec. The conversion is done on a linux server with the help of a drupal module which converts the video on upload automatically.
This is the command and output:
/opt/ffmpeg/ffmpeg -i '/var/www/html/website/videos/original/2016-02-02-16-52-44-758_1.mp4' -strict experimental -vcodec 'libx264' -pix_fmt 'yuv420p' -vprofile 'baseline' -an -pass '1' -passlogfile '/tmp/1454496233-56b1d9e99deb8-multipass' -y /tmp/1454496233-56b1d9e99dd6f.mp4
ffmpeg version N-61041-g52a2138 Copyright (c) 2000-2014 the FFmpeg developers
built on Mar 2 2014 05:45:04 with gcc 4.6 (Debian 4.6.3-1)
configuration: --prefix=/root/ffmpeg-static/64bit --extra-cflags='-I/root/ffmpeg-static/64bit/include -static' --extra-ldflags='-L/root/ffmpeg-static/64bit/lib -static' --extra-libs='-lxml2 -lexpat -lfreetype' --enable-static --disable-shared --disable-ffserver --disable-doc --enable-bzlib --enable-zlib --enable-postproc --enable-runtime-cpudetect --enable-libx264 --enable-gpl --enable-libtheora --enable-libvorbis --enable-libmp3lame --enable-gray --enable-libass --enable-libfreetype --enable-libopenjpeg --enable-libspeex --enable-libvo-aacenc --enable-libvo-amrwbenc --enable-version3 --enable-libvpx
libavutil 52. 66.100 / 52. 66.100
libavcodec 55. 52.102 / 55. 52.102
libavformat 55. 33.100 / 55. 33.100
libavdevice 55. 10.100 / 55. 10.100
libavfilter 4. 2.100 / 4. 2.100
libswscale 2. 5.101 / 2. 5.101
libswresample 0. 18.100 / 0. 18.100
libpostproc 52. 3.100 / 52. 3.100
Input #0, mov,mp4,m4a,3gp,3g2,mj2, from '/var/www/html/website/videos/original/2016-02-02-16-52-44-758_1.mp4':
Metadata:
major_brand : isom
minor_version : 512
compatible_brands: isomiso2mp41
encoder : Lavf56.40.101
Duration: 00:00:54.42, start: 0.000000, bitrate: 840 kb/s
Stream #0:0(und): Video: mpeg4 (Simple Profile) (mp4v / 0x7634706D), yuv420p, 1280x720 [SAR 1:1 DAR 16:9], 839 kb/s, 24 fps, 24 tbr, 12288 tbn, 24 tbc (default)
Metadata:
handler_name : VideoHandler
[libx264 # 0x38799c0] using SAR=1/1
[libx264 # 0x38799c0] using cpu capabilities: MMX2 SSE2Fast SSSE3 FastShuffle SSE4.2
[libx264 # 0x38799c0] profile Constrained Baseline, level 3.1
[libx264 # 0x38799c0] 264 - core 129 r2230 1cffe9f - H.264/MPEG-4 AVC codec - Copyleft 2003-2012 - http://www.videolan.org/x264.html - options: cabac=0 ref=1 deblock=1:0:0 analyse=0x1:0 me=dia subme=2 psy=1 psy_rd=1.00:0.00 mixed_ref=0 me_range=16 chroma_me=1 trellis=0 8x8dct=0 cqm=0 deadzone=21,11 fast_pskip=1 chroma_qp_offset=0 threads=6 lookahead_threads=1 sliced_threads=0 nr=0 decimate=1 interlaced=0 bluray_compat=0 constrained_intra=0 bframes=0 weightp=0 keyint=250 keyint_min=24 scenecut=40 intra_refresh=0 rc_lookahead=40 rc=crf mbtree=1 crf=23.0 qcomp=0.60 qpmin=0 qpmax=69 qpstep=4 ip_ratio=1.40 aq=1:1.00
Output #0, mp4, to '/tmp/1454496233-56b1d9e99dd6f.mp4':
Metadata:
major_brand : isom
minor_version : 512
compatible_brands: isomiso2mp41
encoder : Lavf55.33.100
Stream #0:0(und): Video: h264 (libx264) ([33][0][0][0] / 0x0021), yuv420p, 1280x720 [SAR 1:1 DAR 16:9], q=-1--1, pass 1, 12288 tbn, 24 tbc (default)
Metadata:
handler_name : VideoHandler
Stream mapping:
Stream #0:0 -> #0:0 (mpeg4 -> libx264)
Press [q] to stop, [?] for help
frame= 129 fps=0.0 q=28.0 size= 298kB time=00:00:03.41 bitrate= 715.2kbits/s
frame= 268 fps=267 q=28.0 size= 784kB time=00:00:09.20 bitrate= 697.3kbits/s
frame= 409 fps=271 q=28.0 size= 1313kB time=00:00:15.08 bitrate= 712.9kbits/s
frame= 547 fps=272 q=28.0 size= 1744kB time=00:00:20.83 bitrate= 685.8kbits/s
frame= 687 fps=274 q=28.0 size= 2275kB time=00:00:26.66 bitrate= 699.0kbits/s
frame= 827 fps=275 q=28.0 size= 2754kB time=00:00:32.50 bitrate= 694.1kbits/s
frame= 967 fps=275 q=28.0 size= 3273kB time=00:00:38.33 bitrate= 699.4kbits/s
frame= 1106 fps=275 q=28.0 size= 3826kB time=00:00:44.12 bitrate= 710.2kbits/s
frame= 1245 fps=276 q=28.0 size= 4366kB time=00:00:49.91 bitrate= 716.6kbits/s
frame= 1306 fps=268 q=-1.0 Lsize= 4762kB time=00:00:54.41 bitrate= 716.8kbits/s
video:4756kB audio:0kB subtitle:0 data:0 global headers:0kB muxing overhead 0.125035%
[libx264 # 0x38799c0] frame I:6 Avg QP:17.10 size: 43459
[libx264 # 0x38799c0] frame P:1300 Avg QP:20.34 size: 3545
[libx264 # 0x38799c0] mb I I16..4: 31.1% 0.0% 68.9%
[libx264 # 0x38799c0] mb P I16..4: 3.7% 0.0% 0.0% P16..4: 14.8% 0.0% 0.0% 0.0% 0.0% skip:81.5%
[libx264 # 0x38799c0] coded y,uvDC,uvAC intra: 29.2% 62.3% 14.8% inter: 3.4% 5.8% 0.4%
[libx264 # 0x38799c0] i16 v,h,dc,p: 58% 22% 17% 2%
[libx264 # 0x38799c0] i4 v,h,dc,ddl,ddr,vr,hd,vl,hu: 59% 24% 8% 1% 1% 1% 2% 1% 2%
[libx264 # 0x38799c0] i8c dc,h,v,p: 36% 14% 47% 3%
[libx264 # 0x38799c0] kb/s:715.83
I also tried with the latest version of ffmpeg but I have the same problem.
Does anyone have any ideas on why this is happening?
Note that this is a log from doing a two-pass encoding (it was the only way to get a log from drupal). The two-pass encoding works if I specify a bitrate in the ffmpeg command, but as I said, it doesn't work on chrome but works on all other browsers.
The solution was to add qt-faststart as a helper program in drupal's UI.
Go to Configuration>Media>Video, expand Helper Programs and put the path to qt-faststart there. It should be in your ffmpeg binary folder.