You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
The text was updated successfully, but these errors were encountered:
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
and in my client i am using this code:
but i have problem becaus its just play first ts file but after that hls has stoped and in console i get this error :
what should i do
The text was updated successfully, but these errors were encountered: