HLS Player doesn't load my video
up vote
0
down vote
favorite
Good morning, I need to test an HLS stream on my computer with an HTML5 code. After I segmented the video and generated playlist and .ts using the ffmpeg command ffmpeg -re -i C:Desktopoutputoutput.mp4 -r 2 -s 1920x1200 -c:v h264 -flags +cgop -g 30 -hls_time 1 out.m3u8
I installed this chrome extension that should read HLS natively by using hls.js that should do the trick. Extension link
Problem is, after I tried a simple code such as
<html lang="en">
<head>
<meta charset=utf-8/>
</head>
<body>
<div id='player'>
<video width="352" height="198" controls>
<source src="C:Desktopoutputout.m3u8" type="application/x-mpegURL">
</video>
</div>
</body>
</html>
it shows me a player in a webpage but it doesn't load the segment. I can also open the .ts segment in media player on computer and it works anyways. Am I wrong about the html code?
google-chrome html5 hls
asked Nov 19 at 9:56
Vincent Bavaro
85
|
show 5 more comments
up vote
0
down vote
favorite
Good morning, I need to test an HLS stream on my computer with an HTML5 code. After I segmented the video and generated playlist and .ts using the ffmpeg command ffmpeg -re -i C:Desktopoutputoutput.mp4 -r 2 -s 1920x1200 -c:v h264 -flags +cgop -g 30 -hls_time 1 out.m3u8
I installed this chrome extension that should read HLS natively by using hls.js that should do the trick. Extension link
Problem is, after I tried a simple code such as
<html lang="en">
<head>
<meta charset=utf-8/>
</head>
<body>
<div id='player'>
<video width="352" height="198" controls>
<source src="C:Desktopoutputout.m3u8" type="application/x-mpegURL">
</video>
</div>
</body>
</html>
it shows me a player in a webpage but it doesn't load the segment. I can also open the .ts segment in media player on computer and it works anyways. Am I wrong about the html code?
google-chrome html5 hls
asked Nov 19 at 9:56
Vincent Bavaro
85
I see 2 problems: 1.) Most extensions can't use local (C:...) resources and 2.) Your gop is 30 images, your HLS segment size only 1 second, so there might exist (invalid) segments without an I-Frame.
– Eugen Rieck
Nov 19 at 10:01
What should I do to avoid the usage of C: resources? And regarding 2 should I reduce the gop according to my number of images? There is only one .ts segment of 5 secs length in my folder.
– Vincent Bavaro
Nov 19 at 10:07
How about sending my playlist and segment to a free apache webserver and then implement the webserver url directly to my html5 test page?
– Vincent Bavaro
Nov 19 at 10:10
The segment being longer than expected points to the GOP being a problem - try a gop of 24 (for a 25 fps segment) and a ahls_time of 2. Sending the files to a webserver (including one on localhost) will tell you, if the locality problem really is one.
– Eugen Rieck
Nov 19 at 10:22
I tried to re encode the video with gop of 24 and hls time of 2, I also downloaded vlc to check the problem before opening the webserver. I tried to open the m3u8 file in vlc and it doesn't work...
– Vincent Bavaro
Nov 19 at 10:49
|
show 5 more comments
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Good morning, I need to test an HLS stream on my computer with an HTML5 code. After I segmented the video and generated playlist and .ts using the ffmpeg command ffmpeg -re -i C:Desktopoutputoutput.mp4 -r 2 -s 1920x1200 -c:v h264 -flags +cgop -g 30 -hls_time 1 out.m3u8
I installed this chrome extension that should read HLS natively by using hls.js that should do the trick. Extension link
Problem is, after I tried a simple code such as
<html lang="en">
<head>
<meta charset=utf-8/>
</head>
<body>
<div id='player'>
<video width="352" height="198" controls>
<source src="C:Desktopoutputout.m3u8" type="application/x-mpegURL">
</video>
</div>
</body>
</html>
it shows me a player in a webpage but it doesn't load the segment. I can also open the .ts segment in media player on computer and it works anyways. Am I wrong about the html code?
google-chrome html5 hls
asked Nov 19 at 9:56
Vincent Bavaro
85
Good morning, I need to test an HLS stream on my computer with an HTML5 code. After I segmented the video and generated playlist and .ts using the ffmpeg command ffmpeg -re -i C:Desktopoutputoutput.mp4 -r 2 -s 1920x1200 -c:v h264 -flags +cgop -g 30 -hls_time 1 out.m3u8
I installed this chrome extension that should read HLS natively by using hls.js that should do the trick. Extension link
Problem is, after I tried a simple code such as
<html lang="en">
<head>
<meta charset=utf-8/>
</head>
<body>
<div id='player'>
<video width="352" height="198" controls>
<source src="C:Desktopoutputout.m3u8" type="application/x-mpegURL">
</video>
</div>
</body>
</html>
it shows me a player in a webpage but it doesn't load the segment. I can also open the .ts segment in media player on computer and it works anyways. Am I wrong about the html code?
google-chrome html5 hls
google-chrome html5 hls
asked Nov 19 at 9:56
Vincent Bavaro
85
asked Nov 19 at 9:56
Vincent Bavaro
85
asked Nov 19 at 9:56
Vincent Bavaro
85
asked Nov 19 at 9:56
Vincent Bavaro
85
asked Nov 19 at 9:56
Vincent Bavaro
85
85
I see 2 problems: 1.) Most extensions can't use local (C:...) resources and 2.) Your gop is 30 images, your HLS segment size only 1 second, so there might exist (invalid) segments without an I-Frame.
– Eugen Rieck
Nov 19 at 10:01
What should I do to avoid the usage of C: resources? And regarding 2 should I reduce the gop according to my number of images? There is only one .ts segment of 5 secs length in my folder.
– Vincent Bavaro
Nov 19 at 10:07
How about sending my playlist and segment to a free apache webserver and then implement the webserver url directly to my html5 test page?
– Vincent Bavaro
Nov 19 at 10:10
The segment being longer than expected points to the GOP being a problem - try a gop of 24 (for a 25 fps segment) and a ahls_time of 2. Sending the files to a webserver (including one on localhost) will tell you, if the locality problem really is one.
– Eugen Rieck
Nov 19 at 10:22
I tried to re encode the video with gop of 24 and hls time of 2, I also downloaded vlc to check the problem before opening the webserver. I tried to open the m3u8 file in vlc and it doesn't work...
– Vincent Bavaro
Nov 19 at 10:49
|
show 5 more comments
I see 2 problems: 1.) Most extensions can't use local (C:...) resources and 2.) Your gop is 30 images, your HLS segment size only 1 second, so there might exist (invalid) segments without an I-Frame.
– Eugen Rieck
Nov 19 at 10:01
What should I do to avoid the usage of C: resources? And regarding 2 should I reduce the gop according to my number of images? There is only one .ts segment of 5 secs length in my folder.
– Vincent Bavaro
Nov 19 at 10:07
How about sending my playlist and segment to a free apache webserver and then implement the webserver url directly to my html5 test page?
– Vincent Bavaro
Nov 19 at 10:10
The segment being longer than expected points to the GOP being a problem - try a gop of 24 (for a 25 fps segment) and a ahls_time of 2. Sending the files to a webserver (including one on localhost) will tell you, if the locality problem really is one.
– Eugen Rieck
Nov 19 at 10:22
I tried to re encode the video with gop of 24 and hls time of 2, I also downloaded vlc to check the problem before opening the webserver. I tried to open the m3u8 file in vlc and it doesn't work...
– Vincent Bavaro
Nov 19 at 10:49
I see 2 problems: 1.) Most extensions can't use local (C:...) resources and 2.) Your gop is 30 images, your HLS segment size only 1 second, so there might exist (invalid) segments without an I-Frame.
– Eugen Rieck
Nov 19 at 10:01
I see 2 problems: 1.) Most extensions can't use local (C:...) resources and 2.) Your gop is 30 images, your HLS segment size only 1 second, so there might exist (invalid) segments without an I-Frame.
– Eugen Rieck
Nov 19 at 10:01
What should I do to avoid the usage of C: resources? And regarding 2 should I reduce the gop according to my number of images? There is only one .ts segment of 5 secs length in my folder.
– Vincent Bavaro
Nov 19 at 10:07
What should I do to avoid the usage of C: resources? And regarding 2 should I reduce the gop according to my number of images? There is only one .ts segment of 5 secs length in my folder.
– Vincent Bavaro
Nov 19 at 10:07
How about sending my playlist and segment to a free apache webserver and then implement the webserver url directly to my html5 test page?
– Vincent Bavaro
Nov 19 at 10:10
How about sending my playlist and segment to a free apache webserver and then implement the webserver url directly to my html5 test page?
– Vincent Bavaro
Nov 19 at 10:10
The segment being longer than expected points to the GOP being a problem - try a gop of 24 (for a 25 fps segment) and a ahls_time of 2. Sending the files to a webserver (including one on localhost) will tell you, if the locality problem really is one.
– Eugen Rieck
Nov 19 at 10:22
The segment being longer than expected points to the GOP being a problem - try a gop of 24 (for a 25 fps segment) and a ahls_time of 2. Sending the files to a webserver (including one on localhost) will tell you, if the locality problem really is one.
– Eugen Rieck
Nov 19 at 10:22
I tried to re encode the video with gop of 24 and hls time of 2, I also downloaded vlc to check the problem before opening the webserver. I tried to open the m3u8 file in vlc and it doesn't work...
– Vincent Bavaro
Nov 19 at 10:49
I tried to re encode the video with gop of 24 and hls time of 2, I also downloaded vlc to check the problem before opening the webserver. I tried to open the m3u8 file in vlc and it doesn't work...
– Vincent Bavaro
Nov 19 at 10:49
|
show 5 more comments
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Super User!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f1376650%2fhls-player-doesnt-load-my-video%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I see 2 problems: 1.) Most extensions can't use local (C:...) resources and 2.) Your gop is 30 images, your HLS segment size only 1 second, so there might exist (invalid) segments without an I-Frame.
– Eugen Rieck
Nov 19 at 10:01
What should I do to avoid the usage of C: resources? And regarding 2 should I reduce the gop according to my number of images? There is only one .ts segment of 5 secs length in my folder.
– Vincent Bavaro
Nov 19 at 10:07
How about sending my playlist and segment to a free apache webserver and then implement the webserver url directly to my html5 test page?
– Vincent Bavaro
Nov 19 at 10:10
The segment being longer than expected points to the GOP being a problem - try a gop of 24 (for a 25 fps segment) and a ahls_time of 2. Sending the files to a webserver (including one on localhost) will tell you, if the locality problem really is one.
– Eugen Rieck
Nov 19 at 10:22
I tried to re encode the video with gop of 24 and hls time of 2, I also downloaded vlc to check the problem before opening the webserver. I tried to open the m3u8 file in vlc and it doesn't work...
– Vincent Bavaro
Nov 19 at 10:49