Recherche avancée

Sur d’autres sites (15130)

• Anomalie #4623 : Styles des fieldset dans l’espace privé

  19 avril 2021, par nicod _

  Pour info j’ai travaillé sur le regroupement des radios et checkbox dans des fieldsets :
  https://git.spip.net/spip-contrib-extensions/saisies/pulls/105

  Pour l’instant, ça ne fait que mettre un fieldset à la place du div comme contenur, et un legend à la place de label, ça génère donc un simple fieldset.editer :

  <span class="CodeRay"><span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">editer editer_radio_2 saisie_radio editer_odd</span><span class="delimiter">"</span></span> <span class="attribute-name">data-id</span>=<span class="string"><span class="delimiter">"</span><span class="content">@607d93aee2988</span><span class="delimiter">"</span></span><span class="tag">></span>
  
      <span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">label</span><span class="delimiter">"</span></span><span class="tag">></span>Boutons radios<span class="tag"></span>
  
      <span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">choix choix_choix1</span><span class="delimiter">"</span></span><span class="tag">></span>
  
          <span class="tag">span> <span class="attribute-name">type</span>=<span class="string"><span class="delimiter">"</span><span class="content">radio</span><span class="delimiter">"</span></span> <span class="attribute-name">name</span>=<span class="string"><span class="delimiter">"</span><span class="content">radio_2</span><span class="delimiter">"</span></span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">radio</span><span class="delimiter">"</span></span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">"</span><span class="content">champ_radio_2_1</span><span class="delimiter">"</span></span> <span class="attribute-name">value</span>=<span class="string"><span class="delimiter">"</span><span class="content">choix1</span><span class="delimiter">"</span></span><span class="tag">></span>
  
          <span class="tag">span> <span class="attribute-name">for</span>=<span class="string"><span class="delimiter">"</span><span class="content">champ_radio_2_1</span><span class="delimiter">"</span></span><span class="tag">></span>Un<span class="tag"></span>
  
      <span class="tag"></span>
  
      <span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">choix choix_choix2</span><span class="delimiter">"</span></span><span class="tag">></span>
  
          <span class="tag">span> <span class="attribute-name">type</span>=<span class="string"><span class="delimiter">"</span><span class="content">radio</span><span class="delimiter">"</span></span> <span class="attribute-name">name</span>=<span class="string"><span class="delimiter">"</span><span class="content">radio_2</span><span class="delimiter">"</span></span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">radio</span><span class="delimiter">"</span></span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">"</span><span class="content">champ_radio_2_2</span><span class="delimiter">"</span></span> <span class="attribute-name">value</span>=<span class="string"><span class="delimiter">"</span><span class="content">choix2</span><span class="delimiter">"</span></span><span class="tag">></span>
  
          <span class="tag">span> <span class="attribute-name">for</span>=<span class="string"><span class="delimiter">"</span><span class="content">champ_radio_2_2</span><span class="delimiter">"</span></span><span class="tag">></span>Deux<span class="tag"></span>
  
      <span class="tag"></span>
  
      <span class="tag">span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">choix choix_choix3</span><span class="delimiter">"</span></span><span class="tag">></span>
  
          <span class="tag">span> <span class="attribute-name">type</span>=<span class="string"><span class="delimiter">"</span><span class="content">radio</span><span class="delimiter">"</span></span> <span class="attribute-name">name</span>=<span class="string"><span class="delimiter">"</span><span class="content">radio_2</span><span class="delimiter">"</span></span> <span class="attribute-name">class</span>=<span class="string"><span class="delimiter">"</span><span class="content">radio</span><span class="delimiter">"</span></span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">"</span><span class="content">champ_radio_2_3</span><span class="delimiter">"</span></span> <span class="attribute-name">value</span>=<span class="string"><span class="delimiter">"</span><span class="content">choix3</span><span class="delimiter">"</span></span><span class="tag">></span>
  
          <span class="tag">span> <span class="attribute-name">for</span>=<span class="string"><span class="delimiter">"</span><span class="content">champ_radio_2_3</span><span class="delimiter">"</span></span><span class="tag">></span>Trois<span class="tag"></span>
  
      <span class="tag"></span>
  
  <span class="tag"></span>
  
  </span></span></span></span></span></span></span></span></span></span></span></span>

  PS : note au passage : les classes editer_odd et editer_even sont vraiment nécessaires ?

• avcodec/mss2 : calculate draw region and revise split position

  18 octobre 2022, par Peter Ross

  avcodec/mss2 : calculate draw region and revise split position
  for videos with wmv9 rectangles, the region drawn by ff_mss12_decode_rect
  
  may be less than the entire video area. the wmv9 rectangles are used to
  
  calculate the ff_mss12_decode_rect draw region.
  Fixes tickets #3255 and #4043
  

  • [DH] libavcodec/mss2.c

• Issue with streaming in realtime to HTML5 video player

  24 juillet 2023, par ImaSquareBTW

  ok so i created a project which should take an mkv file convert it to a sutaible fomrat in relatime and play it as it transcodes in the html 5 video player and should play as soon as small segement is ready for playback but unfornatlly it does seem to work heres my code if your curious, help would be very much appreicted

  


  &#xA;&#xA;  &#xA;    &#xA;  &#xA;  &#xA;    <video controls="controls">&#xA;      <source src="output.mp4" type="video/mp4">&#xA;    </source></video>&#xA;    <code class="echappe-js">&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/ffmpeg/0.11.6/ffmpeg.min.js&quot; integrity=&quot;sha512-91IRkhfv1tLVYAdH5KTV&amp;#x2B;KntIZP/7VzQ9E/qbihXFSj0igeacWWB7bQrdiuaJVMXlCVREL4Z5r&amp;#x2B;3C4yagAlwEw==&quot; crossorigin=&quot;anonymous&quot; referrerpolicy=&quot;no-referrer&quot;&gt;&lt;/script&gt;&#xA;    &lt;script src='http://stackoverflow.com/feeds/tag/player.js'&gt;&lt;/script&gt;&#xA;  &#xA;&#xA;

  


  and my javscript :

  


  let mediaSource;
let sourceBuffer;
let isTranscoding = false;
let bufferedSeconds = 0;

async function setupMediaSource() {
  mediaSource = new MediaSource();
  const videoPlayer = document.getElementById('video-player');
  videoPlayer.src = URL.createObjectURL(mediaSource);
  await new Promise(resolve => {
    mediaSource.addEventListener('sourceopen', () => {
      sourceBuffer = mediaSource.addSourceBuffer('video/mp4; codecs="avc1.64001E, mp4a.40.2"'); // Match the transcoded format
      sourceBuffer.addEventListener('updateend', () => {
        if (!sourceBuffer.updating && mediaSource.readyState === 'open') {
          mediaSource.endOfStream();
          resolve();
        }
      });
    });
  });
}

async function transcodeVideo() {
  const ffmpeg = createFFmpeg({ log: true });
  const videoPlayer = document.getElementById('video-player');

  await ffmpeg.load();
  const transcodeCommand = ['-i', 'The Legend of Old Gregg S02E05.mkv', '-c:v', 'libx264', '-preset', 'ultrafast', '-c:a', 'aac', '-strict', 'experimental', '-f', 'mp4', '-movflags', 'frag_keyframe+empty_moov', 'output.mp4'];

  const videoUrl = 'The Legend of Old Gregg S02E05.mkv'; // The URL of the original video file

  let lastBufferedSeconds = 0;
  let currentTime = 0;
  while (currentTime < videoPlayer.duration) {
    if (!isTranscoding && sourceBuffer.buffered.length > 0 && sourceBuffer.buffered.end(0) - currentTime < 5) {
      isTranscoding = true;
      const start = sourceBuffer.buffered.end(0);
      const end = Math.min(videoPlayer.duration, start + 10);
      await fetchAndTranscode(videoUrl, start, end, ffmpeg, transcodeCommand);
      isTranscoding = false;
      currentTime = end;
      bufferedSeconds += (end - start);
      const transcodingSpeed = bufferedSeconds / (currentTime);
      lastBufferedSeconds = bufferedSeconds;
      console.log(`Transcoded ${end - start} seconds of video. Buffered: ${bufferedSeconds.toFixed(2)}s (${transcodingSpeed.toFixed(2)}x speed)`);
    }
    await new Promise(resolve => setTimeout(resolve, 500));
  }

  await ffmpeg.exit();
}

async function fetchAndTranscode(url, start, end, ffmpeg, transcodeCommand) {
  const response = await fetch(url, { headers: { Range: `bytes=${start}-${end}` } });
  const data = new Uint8Array(await response.arrayBuffer());
  ffmpeg.FS('writeFile', 'input.mkv', data); // Use 'input.mkv' as a temporary file
  await ffmpeg.run(...transcodeCommand);
  const outputData = ffmpeg.FS('readFile', 'output.mp4');
  appendSegmentToBuffer(outputData);
}

function appendSegmentToBuffer(segment) {
  if (!sourceBuffer.updating) {
    sourceBuffer.appendBuffer(segment);
  } else {
    sourceBuffer.addEventListener('updateend', () => {
      sourceBuffer.appendBuffer(segment);
    });
  }
}

async function createFFmpeg(options) {
  const { createFFmpeg } = FFmpeg;
  const ffmpeg = createFFmpeg(options);
  await ffmpeg.load();
  return ffmpeg;
}

(async () => {
  await setupMediaSource();
  await transcodeVideo();
})();