Recherche avancée

Sur d’autres sites (7931)

• Capture video and audio using javascript

  16 janvier 2017, par Anand Soni

  I am trying to capture video and audio from web browser and upload it to the server. The thing is I don’t want to use flash in this.

  So I am using HTML5 feature and a library called RecorderRTC to make it possible. I am using Ruby on Rails in backend. Though I am feeling this feature is still under implementation I am facing challenges.

  Following javascript code I have written : http://pastebin.com/KjwunFfD and here is my rails code :

      uuid = UUID.generate
  
      audio_file_name = "#{uuid}.wav" if params[:chrome]
  
      audio_file_name = "#{uuid}.ogg" if params[:firefox]
  
      video_file_name = "#{uuid}.webm"
  
  
  
      directory = "#{Rails.root}/public/record"
  
      directory = directory + "/chrome" if params[:chrome]
  
      directory = directory + "/firefox" if params[:firefox]
  
  
  
      audio_path = File.join(directory, audio_file_name)
  
      video_path = File.join(directory, video_file_name)
  
      #puts params[:audioBlob].tempfile.read
  
      File.open(audio_path, "wb") { |f| f.write(params[:audioBlob].tempfile.read) }           if params[:audioBlob]
  
      File.open(video_path, "wb") { |f| f.write(params[:videoBlob].tempfile.read) }           if params[:videoBlob]
  
  
  
      output = `ffmpeg -i #{video_path} -i #{audio_path} -acodec copy -vcodec copy #{directory}/#{uuid}.mkv`
  
  
  
      message[:video_url] = "/record/chrome/#{video_file_name}" if params[:chrome]
  
      message[:video_url] = "/record/firefox/#{video_file_name}" if params[:firefox]
  
  
  
      message[:audio_url] = "/record/chrome/#{audio_file_name}" if params[:chrome]
  
      message[:audio_url] = "/record/firefox/#{audio_file_name}" if params[:firefox]
  
  
  
      message[:audio_video_url] = "/record/chrome/#{uuid}.mkv" if params[:chrome]
  
      message[:audio_video_url] = "/record/firefox/#{uuid}.mkv" if params[:firefox]

  My problem is when I try to run this code through Firefox ffmpeg is giving error of codec not found. I am not sure what I am missing. Can any one help ?

• How can I stream very long H.264 videos over HTTP without long startup times ? (or : MOOV atom too large)

  5 octobre 2012, par michael

  I want to stream videos of public meetings that are often 10 hours long. Users will generally be starting at some point in the middle of the video and jumping around frequently.

  H.264 in an MP4 container seems like the current best option for encoding streaming video (right ?). But these are large files — about 1.3GB for one file — and the metadata (MOOV atom) at the beginning of the file is itself about 40MB. If I understand correctly, clients need to download the full metadata before they're able to seek within the remainder of the file. Obviously, having to download 40MB before you can start streaming is unacceptable.

  (My tests of streaming have been with VLC and the HTML5 tag in Chrome.)

  I'm encoding the file using avconv, and am currently providing no additional settings beyond telling it which encoders to use (x264 and libfaac). I then move the metadata to the beginning of the file using qt-faststart.

  Is there a way to make the MOOV atom smaller ?

  If not, are there other strategies to use (e.g. is splitting long videos into several files something that's frequently done ? it seems like a real pain in terms of users seeking around the whole day's video) ?

  Or should I be using a different codec or container ?

  thanks !

  Here's a breakdown of the file header structure, from AtomicParsley :

  Atom ftyp @ 0 of size: 32, ends @ 32
  
  Atom moov @ 32 of size: 40157673, ends @ 40157705
  
       Atom mvhd @ 40 of size: 108, ends @ 148
  
       Atom iods @ 148 of size: 24, ends @ 172
  
       Atom trak @ 172 of size: 20156304, ends @ 20156476
  
           Atom tkhd @ 180 of size: 92, ends @ 272
  
           Atom edts @ 272 of size: 36, ends @ 308
  
               Atom elst @ 280 of size: 28, ends @ 308
  
           Atom mdia @ 308 of size: 20156168, ends @ 20156476
  
               Atom mdhd @ 316 of size: 32, ends @ 348
  
               Atom hdlr @ 348 of size: 45, ends @ 393
  
               Atom minf @ 393 of size: 20156083, ends @ 20156476
  
                   Atom vmhd @ 401 of size: 20, ends @ 421
  
                   Atom dinf @ 421 of size: 36, ends @ 457
  
                       Atom dref @ 429 of size: 28, ends @ 457
  
                   Atom stbl @ 457 of size: 20156019, ends @ 20156476
  
                       Atom stsd @ 465 of size: 147, ends @ 612
  
                           Atom avc1 @ 481 of size: 131, ends @ 612
  
                               Atom avcC @ 567 of size: 45, ends @ 612
  
                       Atom stts @ 612 of size: 6115608, ends @ 6116220
  
                       Atom stss @ 6116220 of size: 16960, ends @ 6133180
  
                       Atom ctts @ 6133180 of size: 5683824, ends @ 11817004
  
                       Atom stsc @ 11817004 of size: 28, ends @ 11817032
  
                       Atom stsz @ 11817032 of size: 4169724, ends @ 15986756
  
                       Atom stco @ 15986756 of size: 4169720, ends @ 20156476
  
       Atom trak @ 20156476 of size: 20001133, ends @ 40157609
  
           Atom tkhd @ 20156484 of size: 92, ends @ 20156576
  
           Atom mdia @ 20156576 of size: 20001033, ends @ 40157609
  
               Atom mdhd @ 20156584 of size: 32, ends @ 20156616
  
               Atom hdlr @ 20156616 of size: 45, ends @ 20156661
  
               Atom minf @ 20156661 of size: 20000948, ends @ 40157609
  
                   Atom smhd @ 20156669 of size: 16, ends @ 20156685
  
                   Atom dinf @ 20156685 of size: 36, ends @ 20156721
  
                       Atom dref @ 20156693 of size: 28, ends @ 20156721
  
                   Atom stbl @ 20156721 of size: 20000888, ends @ 40157609
  
                       Atom stsd @ 20156729 of size: 96, ends @ 20156825
  
                           Atom mp4a @ 20156745 of size: 80, ends @ 20156825
  
                               Atom esds @ 20156781 of size: 44, ends @ 20156825
  
                       Atom stts @ 20156825 of size: 9348168, ends @ 29504993
  
                       Atom stsc @ 29504993 of size: 28, ends @ 29505021
  
                       Atom stsz @ 29505021 of size: 5326296, ends @ 34831317
  
                       Atom stco @ 34831317 of size: 5326292, ends @ 40157609
  
       Atom udta @ 40157609 of size: 96, ends @ 40157705
  
           Atom meta @ 40157617 of size: 88, ends @ 40157705
  
               Atom hdlr @ 40157629 of size: 33, ends @ 40157662
  
               Atom ilst @ 40157662 of size: 43, ends @ 40157705
  
                   Atom ©too @ 40157670 of size: 35, ends @ 40157705
  
                       Atom data @ 40157678 of size: 27, ends @ 40157705
  
  Atom free @ 40157705 of size: 8, ends @ 40157713
  
  Atom mdat @ 40157713 of size: 1320096566, ends @ 1360254279

• My Website Downloads MP4s Instead of Plays them

  18 juillet 2014, par user3412869

  I have a website I am working on and I have an uploads/ folder with mp4 files. When I test this site locally using XAMPP and click the link to the MP4 files, Chrome plays the MP4 with the browser and then when I click the back button it takes me back to my site. When I upload all of the site files to a webserver and click the same links to view the mp4 files it downloads the files and keeps me on the same page. However, I would like it to perform the same actions it does when I am developing locally, and play them, not download the files.

  Is it possible to have Chrome play Mp4 files that are hosted on a server and not download them ?