214 questions
Advice
0
votes
1
replies
57
views
Can not custom background color of video::cue on macOS
My websiite using hls.js player to play the stream with multi text tracks (HLS). I want to remove the default black ground of text tracks, make it transparent. It works on windows. But not on macOS (...
- 11
0
votes
0
answers
45
views
Issue with Canvas Animation Not Working in Safari and iOS When Using M3U8 Audio Format
I am working on an audio player where a logo is drawn and animated using the element. The animation is based on the audio frequencies analyzed in real time.
Everything works as expected when using an ...
2
votes
1
answer
155
views
hls.js streaming code does not work in NWJS app, but works in Chrome browser
I am building an NWJS app that uses hls.js library (https://github.com/video-dev/hls.js) to do HLS streaming (as Chrome does not currently have native HLS support).
If I run the app, the video does ...
- 1,134
2
votes
1
answer
745
views
hls.js unable to maintain seek with live video [only] stream
I am encoding a live 25 FPS 950x540 H.264 video-only stream using the latest (built from source) FFmpeg, 10 segments in the manifest, each of 5 seconds, and consuming that stream on another machine on ...
- 947
2
votes
0
answers
102
views
Use presigned url to reproduce into hls.js
I currently serve videos as follows:
Client:
if (Hls.isSupported()) {
const hls = new Hls();
hls.attachMedia(video);
hls.on(Hls.Events.MEDIA_ATTACHED, ...
- 59
0
votes
1
answer
146
views
Secure HLS AES-128 key URI Using hls.js Player
#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:18
#EXT-X-MEDIA-SEQUENCE:0
#EXT-X-PLAYLIST-TYPE:VOD
#EXT-X-KEY:METHOD=AES-128,URI=https://xxx//xxxxx.com/api/xxx/xxxxx/xxxxxxxxxxxx/live?signkey=...
1
vote
0
answers
192
views
HLS Video on local cache directory is not playing in React Native Android
I am trying to build a video caching system like Instagram or YouTube reels. Now I facing a problem. When I play my HLS video that is on the cloud is playing fine but when I try to play them from my ...
- 21
1
vote
0
answers
379
views
Usage of Ext-X-Session-Key affecting media playlists that don't need to be decrypted
I'm attempting to use a EXT-X-SESSION-KEY tag to retrieve the decryption information from our CDN in the multivariant manifest. So far that has worked quite well.
The problem is that I use two kind of ...
- 11
1
vote
2
answers
789
views
Can not capture video element in Safari using blob url
I am using hls.js to play HLS video stream. The hls.js is using blob URL to display the video element in src tag (<video src="blob://.." />). I can capture it in Chrome by converting ...
- 1,792
0
votes
1
answer
267
views
Add a three.js AudioAnalyser to an HLS Stream
Is it possible to add a three.js AudioAnalyser (or WebAPI AnalyserNode) to an Hls audio stream? This is what I have so far and average frequency always returns 0.
let audioContext = new (...
0
votes
1
answer
2k
views
YT-DLP Return Format (m3u8)
I have a website that runs on node.js and express on the back end that in turn calls .py script to download a user-requested audio using yt-dlp. When I run the website on the localhost, everything ...
1
vote
1
answer
6k
views
How to use Hls.js with React properly? [closed]
I am building a react for a video player using Hls.js. I am using React Refs and calling useEffect to get the video element after it is rendard. The issue is I keep getting an error.
import Hls from &...
- 31
1
vote
0
answers
167
views
how to play multiple m3u8 in single Plyr with hlsjs
in my angular project, using of Plyr and ngx-plyr with hlsjs for playing stream m3u8.
no problem with one m3u8 but if exists two m3u8 in sources, playing only one source.
how to play multiple m3u8 in ...
- 2,209
0
votes
1
answer
447
views
Cannot use import statement outside a module - react-hls-player
i tried to implement hls player on my nextjs app using react-hls-player but i'm getting Cannot use import statement outside a module error, do you know which part im missing?, here is my code
stream....
- 5
-1
votes
2
answers
2k
views
Can not stop video in <video> while loading first time m3u8 from Hls()
Currently, I am trying use HlsJS to play m3u8 video in my web application but when I load video irrespective of autoplay attribute it starts playing when I load it first time.
Here is my javascript ...
- 79
1
vote
0
answers
1k
views
HLS stream not working on website with Video.js, but working in VLC Media Player
I'm trying to embed an HLS stream on my website using Video.js, but for some reason, it's not working. Here's the code I'm using:
`<!DOCTYPE html>
<html lang="en">
<head>
...
- 91
1
vote
1
answer
677
views
ngx videogular not playing vgHls stream on iOs browsers
I am using ngx-videogular in one of my application to stream live media.
It works perfect everywhere except the browsers in iPhone/iPad. I am using Hls.js along with ngx-videogular for streaming.
Is ...
- 394
0
votes
1
answer
476
views
Dynamically add segment urls to #EXTINF while generating manifest with JavaScript
I am generating a playlist manifest and playing the generated m3u8 file using HLS. I am looping over all the segment files to add their urls to #EXTINF:, but when I run my function, I get the error ...
- 481
0
votes
1
answer
3k
views
Play hls m3u8 format in nextjs
How can I use hls m3u8 format in nextjs
I tried with video.js CDN but I couldn't achieve it. Hls.js and react player are not compatible with the last version.
0
votes
2
answers
2k
views
hls js get stream title from metadata
I am using hls js for radio playback. This works well. My question is is there a way to retrive currently playing song data (title, artist)? I tried using some callbacks like (MANIFEST_PARSED, ...
- 5,146
0
votes
1
answer
2k
views
How to implement HLS video service with Vue3.js single page application
I'm creating video streaming platform with Vue.js. However, I encountered the question that I couldn't solve. That is when we use SPA like Vue.js, javascript are running on browser, so we have to ...
- 11
1
vote
0
answers
149
views
HLS security token (Authorization)
I was able to measure a stream using ffmpeg on the server side and display it on the user side with the hls.js library.
i used php for a server side
But now I have a problem, I want to increase the ...
0
votes
1
answer
412
views
How to use hls with another type of format instead of m3u8
Background: Some time ago I implemented hls.js on the page to get a radio stream. The source of the stream was in m3u8 format -> https://xx.net/content/123/m3u8s/456.m3u8 but now a client is going ...
- 414
-1
votes
1
answer
3k
views
How To Implement FFMPEG LL-HLS
How is Low Latency HLS achieved with FFMPEG? From my understanding thus far, I am seeing changes around the -f option. For example:
-f dash -method PUT http://example.com/live/manifest.mpd
But there ...
- 12.5k
0
votes
0
answers
648
views
How do I secure my hls link so that no other site will use it?
I made a streaming server using Nginx RTMP.
I created a live streaming server using Nginx, according to the explanation in this link: Create a secure adaptive bit-rate HLS stream with Nginx/RTMP/...
- 1