Recherche avancée

Sur d’autres sites (5170)

• HTML5 video not playing properly in Firefox browser on OS X

  10 août 2016, par Brian J

  The issue :

  I recently made a video that I would like to embed in my website as html5 video. I have the video in .mp4 and .ogv format. Here is a test page that I have set up with the video :

  http://www.briancjenkins.com/video_test/

  Here is the relevant html code that I used to embed the video :

  <video width="75%" controls="controls" loop="loop" poster="US_Inflation_Unemployment_Monthly_BP_Filtered.png">
  
    <source src="US_Inflation_Unemployment_Monthly_BP_Filtered.mp4" type="video/mp4">
  
    <source src="US_Inflation_Unemployment_Monthly_BP_Filtered.ogv" type="video/ogg">
  
    Your browser does not support the video tag.
  
  </source></source></video>

  The video plays perfectly on Safari (iOS and OS X), Chrome (OS X), and Firefox (iOS).

  However, the video does not play properly in Firefox on OS X. On both my desktop and laptop, when I play the video, the time bar moves, but there is no video. However, if I copy and paste the video URL into the Firefox address bar, the video plays fine. Here a the direct link to the .ogv-format video :

  http://www.briancjenkins.com/video_test/US_Inflation_Unemployment_Monthly_BP_Filtered.ogv

  I would like to know why the video is not playing in Firefox on OS X and how to fix the problem.

  What I know about the issue :

  I know that plenty of people have had trouble with html5 video and Firefox. And I also know from reading other questions that in some cases, the server is sending an incorrect mime type. I ran :

  $ curl -I http://www.briancjenkins.com/video_test/US_Inflation_Unemployment_Monthly_BP_Filtered.ogv

  and found that this does not seem to be the case here :

  Server: GitHub.com
  
  Content-Type: video/ogg

  which isn’t too surprising since Firefox will play the video hosted by Github, just not when its embedded in a webpage. Note that I also tried converting to .webm as an alternative to .ogv but that didn’t solve the issue.

  About the video

  The video was created in Python and and Matplotlib. I used Matplotlib to save the video to .mp4 and then I used ffmpeg to convert the video to .ogv format. Here is the ffmpeg command I used :

  $ ffmpeg -i US_Inflation_Unemployment_Monthly_BP_Filtered.mp4 -acodec libvorbis -ac 2 -ab 128k -ar 44100 -b:v 1800k  US_Inflation_Unemployment_Monthly_BP_Filtered.ogv

  It’s possible that I am not doing the conversion correctly, but I have tried several different variations on the conversion command. The video in question is hosted by Github.

• Media player get stuck in the middle of a buffered range on Chrome

  29 septembre 2019, par Feng Yu

  WHAT IS MY PROBLEM ?

  My website’s live streaming player use hls.js. From my server’s stat, there is many case where player get stuck in the middle of a buffered range.

  Here is my server raw stat log(removed some useless params) :

  tm=2019-09-27 12:04:41`bufferLevel=8.447303999999974`currentTime=158.4`buffered=[6.024,166.832]`readyState=4`ua=Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36 QBCore/3.53.1153.400 QQBrowser/9.0.2524.400 Tencent AppMarket/4.8 GameCenter

  currentTime is got by HTMLMediaElement.currentTime and buffered is got by HTMLMediaElement.buffered :

  currentTime=158.4
  
  buffered=[6.024,166.832]
  
  readyState=4

  From W3c :

  If HTMLMediaElement.buffered contains a TimeRange that includes the current playback position and enough data to ensure uninterrupted playback :

  1. Set the HTMLMediaElement.readyState attribute to HAVE_ENOUGH_DATA.
  2. Playback may resume at this point if it was previously suspended by a transition to HAVE_CURRENT_DATA.

  In this case, 613.3 is in the middle of [469.277,677.612], video should be progressing, but it is not.

  Hls.js will periodly check currentTime has progressed every 100ms. if currentTime has not progressed for 1000ms, then hls.js will trigger STALL event and I will send a stall stat to server.

  I cannot reproduce this problem on my side, it only appears on my server stat.

  WHAT I’VE TRIED

  shaka player has a module detect this case(https://www.ellealcatrase.eu/player2/docs/api/lib_media_stall_detector.js.html), Its comment shows that :

  Some platforms/browsers can get stuck in the middle of a
  buffered range (e.g. when seeking in a background tab). Detect when
  we get stuck so that the player can respond.

  but I cannot reproduce when my browser is in a background tab.

• ffmpeg H265 to H264 colors are off ?

  6 octobre 2023, par user17319252

  I am wanting to convert a H265 video to H264 with as little to no quality loss possible. However, when converting the output colors are off with most noticeably the reds become orange. In general the output video colors are duller/saturated/grayer.

  


  I believe this question is relevant, so is it possible to add color_range, color_space, color_transfer and color_primaries flags to a file without reencoding the entire thing again ?

  


  command :

  


  ffmpeg -i input.mkv -c:v libx264 -crf 17 output.mp4


  


  input video stream :

  


  {
  "index": 0,
  "codec_name": "hevc",
  "codec_long_name": "H.265 / HEVC (High Efficiency Video Coding)",
  "profile": "Main 10",
  "codec_type": "video",
  "codec_time_base": "1/24",
  "codec_tag_string": "[0][0][0][0]",
  "codec_tag": "0x0000",
  "width": 1920,
  "height": 1080,
  "coded_width": 1920,
  "coded_height": 1080,
  "closed_captions": 0,
  "has_b_frames": 2,
  "sample_aspect_ratio": "1:1",
  "display_aspect_ratio": "16:9",
  "pix_fmt": "yuv420p10le",
  "level": 120,
  "color_range": "tv",
  "color_space": "bt2020nc",
  "color_transfer": "smpte2084",
  "color_primaries": "bt2020",
  "refs": 1,
  "r_frame_rate": "24/1",
  "avg_frame_rate": "24/1",
  "time_base": "1/1000",
  "start_pts": 0,
  "start_time": "0.000000",
  "disposition": {
    "default": 1,
    "dub": 0,
    "original": 0,
    "comment": 0,
    "lyrics": 0,
    "karaoke": 0,
    "forced": 0,
    "hearing_impaired": 0,
    "visual_impaired": 0,
    "clean_effects": 0,
    "attached_pic": 0,
    "timed_thumbnails": 0
  },
  "tags": {
    "language": "eng",
    "BPS": "4421595",
    "DURATION": "00:41:46.417000000",
    "NUMBER_OF_FRAMES": "60154",
    "NUMBER_OF_BYTES": "1385295394",
    "_STATISTICS_WRITING_APP": "mkvmerge v62.0.0 ('Apollo') 64-bit",
    "_STATISTICS_TAGS": "BPS DURATION NUMBER_OF_FRAMES NUMBER_OF_BYTES"
  }
}


  


  output video stream :

  


  {
  "index": 0,
  "codec_name": "h264",
  "codec_long_name": "H.264 / AVC / MPEG-4 AVC / MPEG-4 part 10",
  "profile": "High 10",
  "codec_type": "video",
  "codec_time_base": "1/48",
  "codec_tag_string": "avc1",
  "codec_tag": "0x31637661",
  "width": 1920,
  "height": 1080,
  "coded_width": 1920,
  "coded_height": 1088,
  "closed_captions": 0,
  "has_b_frames": 2,
  "sample_aspect_ratio": "1:1",
  "display_aspect_ratio": "16:9",
  "pix_fmt": "yuv420p10le",
  "level": 40,
  "chroma_location": "left",
  "refs": 1,
  "is_avc": "true",
  "nal_length_size": "4",
  "r_frame_rate": "24/1",
  "avg_frame_rate": "24/1",
  "time_base": "1/12288",
  "start_pts": 0,
  "start_time": "0.000000",
  "duration_ts": 30798848,
  "duration": "2506.416667",
  "bit_rate": "4073900",
  "bits_per_raw_sample": "10",
  "nb_frames": "60154",
  "disposition": {
    "default": 1,
    "dub": 0,
    "original": 0,
    "comment": 0,
    "lyrics": 0,
    "karaoke": 0,
    "forced": 0,
    "hearing_impaired": 0,
    "visual_impaired": 0,
    "clean_effects": 0,
    "attached_pic": 0,
    "timed_thumbnails": 0
  },
  "tags": {
    "language": "eng",
    "handler_name": "VideoHandler"
  }
}