Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fluent ffmpeg to hls not running correctly with error :Uncaught RangeError: Source is too large #918

Open
mohsen158 opened this issue Jul 4, 2019 · 0 comments

Comments

@mohsen158
Copy link

I want to add watermark in each video file which produce from hls server.
inorder to do that I am using fluent ffmpeg js componnent.
and this is my backend code of hls server

 self.provider.getSegmentStream(req, function (err, stream) {



res.setHeader('Content-Type', CONTENT_TYPE.SEGMENT)
res.statusCode = 200
var proc = ffmpeg(req.filePath). videoFilters(
 {
filter: 'drawtext',
options: {
  text: 'VERY LONG TEXT VERY VERY VERY VERY LOL!!!',
  fontsize: 36,
  fontcolor: 'white',
  x: '(main_w/2-text_w/2)',
  y: '(text_h/2)+15',
  shadowcolor: 'black',
  shadowx: 2,
  shadowy: 2
}}

 ) 

.videoCodec('libx264')

 .audioBitrate('128k')

 .audioCodec('aac')

.format('mpegts')
.on('end', function(stdout, stderr) {
console.log('Transcoding succeeded !',req.filePath);

})

.on('error', function(err) {
 console.log('an error happened: ' + err.message);
 }).pipe(res ,{end:true})

and in my client i am using this code:

if(Hls.isSupported())
{
  console.log('hls is suported');
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('http://serverip:8182/streams/stream.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function()
    {
        video.play();
    });
}
else if (video.canPlayType('application/vnd.apple.mpegurl'))
{
  console.log('hls isnot suported');

    video.src = 'http://serverip/streams/stream.m3u8';
    video.addEventListener('canplay',function()
    {
        video.play();
    });
}

but i have problem becaus its just play first ts file but after that hls has stoped and in console i get this error :

Uncaught RangeError: Source is too large
at Uint8Array.set (<anonymous>)
at e.remuxAudio (blob:null/44d66ff1-a411-411b-842b-4904552a58a4:1)
at e.remux (blob:null/44d66ff1-a411-411b-842b-4904552a58a4:1)
at e.append (blob:null/44d66ff1-a411-411b-842b-4904552a58a4:1)
at e.pushDecrypted (blob:null/44d66ff1-a411-411b-842b-4904552a58a4:1)
at e.push (blob:null/44d66ff1-a411-411b-842b-4904552a58a4:1)
at blob:null/44d66ff1-a411-411b-842b-4904552a58a4:1

what should i do

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant