FranceBB
31st October 2022, 14:56
Hi there,
as part of the team working on the cloud migration, I'm working on a React App that can be opened from the browser which is currently in use for all our operators.
The idea would be to show H.264 FULL HD BT709 encoded files with AAC audio and muxed as .mp4 to our operators, directors, editors etc for preview before they bring the real high bitrate masterfiles from an S3 bucket back to our on prem MAM.
To do that, I'm looking for a good open source web player that supports H.264 files and dual audio tracks AAC either stereo or 5.1.
Files are encoded with Avisynth + x264 and libav AAC Encoder and muxed with MP4Box in the cloud, all done automatically thanks to FFAStrans running on AWS: https://forum.doom9.org/showthread.php?t=176655
Which web player would you suggest so that I could integrate it within the React App in the browser?
This is an example of the kind of files that will have to be played from an S3 Bucket:
General
Complete name : Lucy.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom)
File size : 1.74 GiB
Duration : 1 h 25 min
Overall bit rate mode : Variable
Overall bit rate : 2 907 kb/s
Encoded date : UTC 2022-10-31 14:02:47
Tagged date : UTC 2022-10-31 14:02:47
Writing application : MP4Box 0.6.0.6
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L4.1
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, Reference frames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 1 h 25 min
Bit rate : 2 352 kb/s
Maximum bit rate : 16.0 Mb/s
Width : 1 920 pixels
Height : 1 080 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 25.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.045
Stream size : 1.41 GiB (81%)
Title : MVP2_UCNLUCY.mp4
Writing library : x264 core 155 r2917 0a84d98
Encoding settings : cabac=1 / ref=4 / deblock=1:-1:-1 / analyse=0x3:0x113 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=12 / lookahead_threads=2 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=25 / keyint_min=2 / scenecut=40 / intra_refresh=0 / rc_lookahead=25 / rc=crf / mbtree=1 / crf=25.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / ip_ratio=1.40 / aq=1:1.00
Tagged date : UTC 2022-10-31 14:03:59
Color range : Limited
Color primaries : BT.709
Transfer characteristics : BT.709
Matrix coefficients : BT.709
Audio
ID : 2
Format : AAC LC
Format/Info : Advanced Audio Codec Low Complexity
Codec ID : mp4a-40-2
Duration : 1 h 25 min
Bit rate mode : Variable
Bit rate : 551 kb/s
Maximum bit rate : 636 kb/s
Channel(s) : 6 channels
Channel layout : C L R Ls Rs LFE
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 338 MiB (19%)
Title : MVP2_UCNLUCY.mp4
Encoded date : UTC 2022-10-31 14:03:52
Tagged date : UTC 2022-10-31 14:03:59
as you can see, they're pretty standard files...
as part of the team working on the cloud migration, I'm working on a React App that can be opened from the browser which is currently in use for all our operators.
The idea would be to show H.264 FULL HD BT709 encoded files with AAC audio and muxed as .mp4 to our operators, directors, editors etc for preview before they bring the real high bitrate masterfiles from an S3 bucket back to our on prem MAM.
To do that, I'm looking for a good open source web player that supports H.264 files and dual audio tracks AAC either stereo or 5.1.
Files are encoded with Avisynth + x264 and libav AAC Encoder and muxed with MP4Box in the cloud, all done automatically thanks to FFAStrans running on AWS: https://forum.doom9.org/showthread.php?t=176655
Which web player would you suggest so that I could integrate it within the React App in the browser?
This is an example of the kind of files that will have to be played from an S3 Bucket:
General
Complete name : Lucy.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom)
File size : 1.74 GiB
Duration : 1 h 25 min
Overall bit rate mode : Variable
Overall bit rate : 2 907 kb/s
Encoded date : UTC 2022-10-31 14:02:47
Tagged date : UTC 2022-10-31 14:02:47
Writing application : MP4Box 0.6.0.6
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L4.1
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, Reference frames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 1 h 25 min
Bit rate : 2 352 kb/s
Maximum bit rate : 16.0 Mb/s
Width : 1 920 pixels
Height : 1 080 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 25.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.045
Stream size : 1.41 GiB (81%)
Title : MVP2_UCNLUCY.mp4
Writing library : x264 core 155 r2917 0a84d98
Encoding settings : cabac=1 / ref=4 / deblock=1:-1:-1 / analyse=0x3:0x113 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=12 / lookahead_threads=2 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=25 / keyint_min=2 / scenecut=40 / intra_refresh=0 / rc_lookahead=25 / rc=crf / mbtree=1 / crf=25.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / ip_ratio=1.40 / aq=1:1.00
Tagged date : UTC 2022-10-31 14:03:59
Color range : Limited
Color primaries : BT.709
Transfer characteristics : BT.709
Matrix coefficients : BT.709
Audio
ID : 2
Format : AAC LC
Format/Info : Advanced Audio Codec Low Complexity
Codec ID : mp4a-40-2
Duration : 1 h 25 min
Bit rate mode : Variable
Bit rate : 551 kb/s
Maximum bit rate : 636 kb/s
Channel(s) : 6 channels
Channel layout : C L R Ls Rs LFE
Sampling rate : 48.0 kHz
Frame rate : 46.875 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 338 MiB (19%)
Title : MVP2_UCNLUCY.mp4
Encoded date : UTC 2022-10-31 14:03:52
Tagged date : UTC 2022-10-31 14:03:59
as you can see, they're pretty standard files...