Recherche avancée

Sur d’autres sites (7848)

• How to play a part of the MP4 video stream ?

  14 novembre 2014, par AgentFire

  I have a URL (<ip>/ipcam/mpeg4.cgi</ip>) which points to my IP camera which is connected via Ethernet.
  Accessing the URL resuls in a infinite stream of video (possibly with audio) data.

  I would like to store this data into a video file and play it later with a video player (HTML5’s video tag is preferred as the player).

  However, a straightforward approach, which is simple saving the stream data into .mp4 file, didn’t work.

  I have looked into the file and here is what I saw (click to enlarge) :

  

  It turned out, there are some HTML headers, which I further on manually excluded using the binary editing tool, and yet no player could play the rest of the file.

  The HTML headers are :

  --myboundary
  
  Content-Type: image/mpeg4
  
  Content-Length: 76241
  
  X-Status: 0
  
  X-Tag: 1693923
  
  X-Flags: 0
  
  X-Alarm: 0
  
  X-Frametype: I
  
  X-Framerate: 30
  
  X-Resolution: 1920*1080
  
  X-Audio: 1
  
  X-Time: 2000-02-03 02:46:31
  
  alarm: 0000

  My question is pretty clear now, and I would like any help or suggestion. I suspect, I have to manually create some MP4 headers myself based on those values above, however, I fail to understand format descriptions such as these.

  I have the following video stream settings on my IP camera (click to enlarge) :

  

  I could also use the ffmpeg tool, but no matter how I try and mix the arguments to the program, it keeps telling me this error :

  

• Firefox doesn't play mp4 file in HTML5 video

  21 janvier 2016, par Developer

  I recorded a video with my mobile which had the format ".mp4". Now if I load that video in HTML5 video tag, I get an error HTTP "Content-Type" of "video/3gpp" is not supported. Why does Firefox consider the file as 3gpp although it is an mp4 file ?
  If I log the file properties when it is loaded on to browser, I see the following

  { name: "test.mp4", lastModified: 1434536249000, lastModifiedDate: Date 2015-06-17T10:17:29.000Z, size: 41151959, type: "video/mp4" }

  This means firefox identifies the type as mp4 only. But doesn’t play it giving the error HTTP "Content-Type" of "video/3gpp" is not supported.

• How to play an local video in arbitrary codec and format in browser ? [closed]

  24 septembre 2023, par HanXu

  I am developing a video player in browser to let the user select a local video to play, and want to support as many video formats as possible. I know that in browser a video tag can only play videos in a limited set of codecs, and on desktop libraries like VLC can play literally any videos. I would like to bring that broad compatibility to the browser, but not sure how to achieve it.

  


  One thing come up in my mind is to let the user run a thin client natively, which read the local video and stream it at, say, http://localhost:8080, in some web-friendly codec and format, and in the frontend I use a video with src to be http://localhost:8080.

  


  In the client I think I need to run some ffmpeg command to somehow stream and process the video in real-time. I also run into the libVLC which seems nice, and am not sure which one to use.

  


  Furthermore, I need to enable the user to seek to any arbitrary timestamp, and am not sure if the streaming technic supports it.

  


  I have done some googling, and found a method which first runs a ffmpeg command as

  


  VIDSOURCE="/some/video.mp4"
AUDIO_OPTS="-c:a aac -b:a 160000 -ac 2"
VIDEO_OPTS="-s 854x480 -c:v libx264 -b:v 800000"
OUTPUT_HLS="-hls_time 10 -hls_list_size 10 -start_number 1"
ffmpeg -i "$VIDSOURCE" -y $AUDIO_OPTS $VIDEO_OPTS $OUTPUT_HLS /some/public/video.m3u8


  


  and in the frontend I can use the react-player to play the video like

  


  <reactplayer url="/some/public/video.m3u8"></reactplayer>&#xA;

  


  However, I can not seek to an arbitrary timestamp, and the ffmpeg command creates a lot of .ts files one by one about which I am not sure what is going on. It seems that before it creates a video77.ts, I can not seek to timestamp within that segment.

  


  All in all, I am looking for some solution like

  


  

  


  that supports

  


  

  • playing videos in browsers in as many codecs and formats as possible,

  


  • allowing users to seek to any arbitrary timestamp.

  


  


  Since many native video player like VLC supports it, I believe it can be done. Does anyone have any idea that may help ? Appreciate in advance !