Recherche avancée

Sur d’autres sites (6612)

• Spawned ffmpeg process in nodejs Transform stream with flow control doesn't process input stream

  30 septembre 2022, par user1832894

  I have implemented a node.js Transform stream class that spawns ffmpeg and streams out the transformed stream at a controlled realtime rate. Below is my _transform() method.

  


  this.rcvd += chunk.length
console.log('received bytes %d', this.rcvd)
const ready = this.ffmpeg.stdin.write(chunk, encoding, err => err
  ? cb(err)
  : ready
    ? cb
    : this.ffmpeg.stdin.once('drain', cb))


  


  I want to write to ffmpeg's stdin stream till it returns false, at which point I wait for the drain event to write more data.

  


  Concurrently, I have a timer that fires every 40 milliseconds that reads ffmpeg's stdout and pushes it to the Transform stream's output (the readable side). Code not complete, but the folllowing describes it well.

  


  const now = Date.now()
const bytesToTransmit = (now - this.lastTx) * 32

const buf = this.ffmpeg.stdout.read()

if (buf == null) return

if (buf.length <= bytesToTransmit) {
  this.push(buf)
  this.lastTx += buf.length * 32
  return
}

this.push(buf.slice(0, bytesToTransmit))
this.lastTx = now

// todo(handle pending buffer)
this.pending = buf.slice(bytesToTransmit)


  


  The issue I am facing is that the first write (of 65k bytes) returns false, and after that I never receive the drain event. FFMpeg doesn't start processing the data until certain amount of data (256k bytes in my case) has been written, and once I start waiting for the drain event, I never recover control.

  


  I've tried a few ffmpeg options like nobuffer but to no avail. What am I doing wrong ? Any ideas would be super helpful.

  


  Thanks !

  


• Enable Quality Selector Control in Angular Using Video.js

  22 juillet, par Abhay Singh

  I am using Video.js in an Angular 19.1.3 application, with version 8.21.0 of Video.js. I have successfully set up an HLS stream using a master index.m3u8 file, and the player automatically switches to lower quality segments when the network is slow, and to higher quality when the network is good. This part works as expected.

  


  However, I would like to add a manual quality selection option to allow users to choose the video quality themselves. Despite trying several plugins (such as videojs-hls-quality-selector and videojs-contrib-quality-levels), I haven't been able to get it working.

  


  Can anyone guide me on how to implement this feature in Video.js, ensuring that the quality selector is available for manual selection ?

  


  Below is my Components code -

  


  import {AfterViewInit, Component} from '@angular/core';
import videojs from 'video.js';
import '@videojs/http-streaming';
import 'video.js/dist/video-js.css';

@Component({
  selector: 'app-home',
  imports: [],
  templateUrl: './home.component.html',
  styleUrl: './home.component.css'
})
export class HomeComponent implements AfterViewInit {
  
  ngAfterViewInit(): void {
    const player = videojs('my-video', {
      autoplay: false,
      controls: true,
      preload: 'auto',
      fluid: true,
      aspectRatio: '16:9',
    })
  
  }
}


  


  Below is my HTML code -

  


  <video class="video-js vjs-default-skin" controls="controls">&#xA;    <source src="https://localhost:7063/videos/no1lvswh.zdw.mkv/index.m3u8" type="application/x-mpegURL">&#xA;  </source></video>  &#xA;

  


• Issue with video.js playing AES encrypted video

  2 septembre 2021, par r3dge

  I'm trying to use video.js to play an encrypted HLS video. The AES 128 encryption has been done using this method : FFmpeg video encryption

  


  Here is the html code :

  


  &#xA;    &#xA;    <source src="http://192.168.56.1/enc/prog_index.m3u8" type="application/x-mpegURL">&#xA;</source>

  
 
 
 


  Video.js is loaded using CDN :

  


  <code class="echappe-js">&lt;script src=&quot;https://unpkg.com/video.js/dist/video.js&quot;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&lt;script src=&quot;https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js&quot;&gt;&lt;/script&gt;&#xA;

  


  The player is loading and appears in the browser but the video can not be played.

  


  I get two warnings in the console :

  


  video.js:159 VIDEOJS : WARN : A plugin named "reloadSourceOnError" already exists. You may want to avoid re-registering plugins !

  


  VIDEOJS : WARN : Problem encountered with playlist 0-http://192.168.56.1/enc/prog_index.m3u8. Trying again since it is the only playlist.

  


  Server side i'm using Apache with Symphony 5. The server return a HTTP 200 status for the first ts file of the video. When i press the play button of the player seems to retry downloading. It get a 200 each time but the video is not played.

  


  Update : i tried to play the same video without encryption and it works. The problem seems to be due to the encryption itself.

  


  Thanks in advance for any help on that issue.