Recherche avancée

Sur d’autres sites (7946)

• HTML5 mp4 video autoplay issue

  8 août 2018, par Fernando Guimarães

  I am doing a website that requires a 16s video to autoplay on the frontpage, pretty standard. But it has some issues, on firefox it tells me that the video could not be decoded, and on chrome autoplaying just works sometimes.

  The original video .mov (1Gbs) was converted with ffmpeg to .mp4 (30Mbs).

  ffmpeg -i 30389617-4k.mov out.mp4

  My HTML video code is the following :

  <video class="embed-responsive-item" src="assets/output.mp4" type="video/mp4" autoplay="autoplay" loop="loop"></video>

  And if helpful, my CSS :

  video {
  
      object-fit: fill;
  
  
  
      position: relative;
  
      z-index: 1;
  
      max-height: 100vh;
  
      width: 100%;
  
  }

  It’s a nodeJS project, the video is located inside /public/assets.
  Who can I fix this mess ? Is there any good practice I may be missing ?

  Regards

• Revision 111238 : On ajoute des classes BEM aux menus et à leurs entrées pour se ...

  31 juillet 2018, par tcharlss@… — Log

  On ajoute des classes BEM aux menus et à leurs entrées pour se simplifier la vie (les anciennes classes sont conservées bien sûr).
  Ce qui donne le markup suivant :
  ul.menu-items
  li.menu-itemsitem
  a.menu-itemslien
  Ajout également d’un indicateur de la profondeur des sous-menus : data-depth="N".
  Ainsi plus besoin de se casser la tête lorsqu’on veut cibler un sous-menu à une profondeur particulière, par exemple pour un sous-menu de profondeur 2 :
  Avant : .menu-items > .item > .menu-items > .item > .menu-items
  Après : menu-items[data-depth="2"]
  Il y a juste l’entrée de menu « liste ou arborescence de rubriques et d’articles » pour laquelle la profondeur n’est pas indiquée correctement, là tout de suite je n’ai pas le courage de me plonger dans ce labyrinthe lovecraftien.

• Replace Bento4 with libav / ffmpeg

  30 juillet 2018, par Heiner

  We use Bento4 - a really well designed SDK - to demux mp4 files in .mov containers. Decoding is done by an own codec, so only the raw (intraframe) samples are needed. By now this works pretty straightforward

  AP4_Track *test_videoTrack = nullptr;
  
  AP4_ByteStream *input = nullptr;
  
  AP4_Result result = AP4_FileByteStream::Create(filename, AP4_FileByteStream::STREAM_MODE_READ, input);
  
  
  
  AP4_File m_file (*input, true);
  
  
  
  //
  
  // Read movie tracks, and metadata, find the video track
  
  size_t index = 0;
  
  uint32_t m_width = 0, m_height = 0;
  
  auto item = m_file.GetMovie()->GetTracks().FirstItem();
  
  auto track = item->GetData();
  
  if (track->GetType() == AP4_Track::TYPE_VIDEO) 
  
  {
  
      m_width = (uint32_t)((double)test_videoTrack->GetWidth() / double(1 << 16));
  
      m_height = (uint32_t)((double)test_videoTrack->GetHeight() / double(1 << 16));
  
  
  
      std::string codec("unknown");
  
      auto sd = track->GetSampleDescription(0);
  
      AP4_String c;
  
      if (AP4_SUCCEEDED(sd->GetCodecString(c))) 
  
      {
  
          codec = c.GetChars();
  
      }
  
  
  
      // Find and instantiate the decoder
  
      AP4_Sample sample;
  
      AP4_DataBuffer sampleData;
  
      test_videoTrack->ReadSample(0, sample, sampleData);
  
  }

  For several reasons we would prefer replacing Bento4 with libav/ffmpeg (mainly because we already have in the project and want to reduce dependencies)

  How would we ( preferrably in pseudo-code ) replace the Bento4-tasks done above with libav ? Please remember that the used codec is not in the ffmpeg library, so we cannot use the standard ffmpeg decoding examples. Opening the media file simply fails. Without decoder we got no size or any other info so far. What we need would

  • open the media file
  • get contained tracks (possibly also audio)
  • get track size / length info
  • get track samples by index