HLS stream doesn't work
Good morning, I am setting up an HLS live stream and I have both playlist and segments ready to go. I use Apache for webserver transmission. I ran
http://localhost/stream/play.m3u8
with VLC and ran the play.m3u8 with ffplay as well and it works fine. But when I try to embed it in a simple html page like this
<!DOCTYPE html>
<html lang="en">
<body>
<video width="960" height="600" src="http://localhost/stream/play.m3u8" controls=""></video>
</body>
</html>
and run it with windows Edge (that supports HLS), it shows me only the duration of the video but it won't start. What could be the problem?
video streaming html hls
edited Jan 10 at 10:37
Tetsujin
15.6k53262
asked Jan 10 at 10:35
Vincent BavaroVincent Bavaro
85
|
show 1 more comment
Good morning, I am setting up an HLS live stream and I have both playlist and segments ready to go. I use Apache for webserver transmission. I ran
http://localhost/stream/play.m3u8
with VLC and ran the play.m3u8 with ffplay as well and it works fine. But when I try to embed it in a simple html page like this
<!DOCTYPE html>
<html lang="en">
<body>
<video width="960" height="600" src="http://localhost/stream/play.m3u8" controls=""></video>
</body>
</html>
and run it with windows Edge (that supports HLS), it shows me only the duration of the video but it won't start. What could be the problem?
video streaming html hls
edited Jan 10 at 10:37
Tetsujin
15.6k53262
asked Jan 10 at 10:35
Vincent BavaroVincent Bavaro
85
Edge says it supports HLS, but it doesn't really work. Use a sane browser.
– Eugen Rieck
Jan 10 at 10:41
I tried it on Internet Explorer and it gives me Error, I also have Chrome but it doesn't support it.
– Vincent Bavaro
Jan 10 at 10:49
Internet Exploder is not a sane browser, and Chrome has no HLS built-in, so you need something like mediaelement.js - this will make your Stream cross-browser.
– Eugen Rieck
Jan 10 at 11:08
I'll do some researches about mediaelement.js then. Thanks!
– Vincent Bavaro
Jan 10 at 11:11
@EugenRieck If HLS in Edge is a problem I'd suggest you post an answer explaining that and providing an alternative solution.
– slhck
Jan 10 at 11:22
|
show 1 more comment
Good morning, I am setting up an HLS live stream and I have both playlist and segments ready to go. I use Apache for webserver transmission. I ran
http://localhost/stream/play.m3u8
with VLC and ran the play.m3u8 with ffplay as well and it works fine. But when I try to embed it in a simple html page like this
<!DOCTYPE html>
<html lang="en">
<body>
<video width="960" height="600" src="http://localhost/stream/play.m3u8" controls=""></video>
</body>
</html>
and run it with windows Edge (that supports HLS), it shows me only the duration of the video but it won't start. What could be the problem?
video streaming html hls
edited Jan 10 at 10:37
Tetsujin
15.6k53262
asked Jan 10 at 10:35
Vincent BavaroVincent Bavaro
85
Good morning, I am setting up an HLS live stream and I have both playlist and segments ready to go. I use Apache for webserver transmission. I ran
http://localhost/stream/play.m3u8
with VLC and ran the play.m3u8 with ffplay as well and it works fine. But when I try to embed it in a simple html page like this
<!DOCTYPE html>
<html lang="en">
<body>
<video width="960" height="600" src="http://localhost/stream/play.m3u8" controls=""></video>
</body>
</html>
and run it with windows Edge (that supports HLS), it shows me only the duration of the video but it won't start. What could be the problem?
video streaming html hls
video streaming html hls
edited Jan 10 at 10:37
Tetsujin
15.6k53262
asked Jan 10 at 10:35
Vincent BavaroVincent Bavaro
85
edited Jan 10 at 10:37
Tetsujin
15.6k53262
asked Jan 10 at 10:35
Vincent BavaroVincent Bavaro
85
edited Jan 10 at 10:37
Tetsujin
15.6k53262
edited Jan 10 at 10:37
Tetsujin
15.6k53262
edited Jan 10 at 10:37
Tetsujin
15.6k53262
15.6k53262
asked Jan 10 at 10:35
Vincent BavaroVincent Bavaro
85
asked Jan 10 at 10:35
Vincent BavaroVincent Bavaro
85
asked Jan 10 at 10:35
Vincent BavaroVincent Bavaro
85
85
Edge says it supports HLS, but it doesn't really work. Use a sane browser.
– Eugen Rieck
Jan 10 at 10:41
I tried it on Internet Explorer and it gives me Error, I also have Chrome but it doesn't support it.
– Vincent Bavaro
Jan 10 at 10:49
Internet Exploder is not a sane browser, and Chrome has no HLS built-in, so you need something like mediaelement.js - this will make your Stream cross-browser.
– Eugen Rieck
Jan 10 at 11:08
I'll do some researches about mediaelement.js then. Thanks!
– Vincent Bavaro
Jan 10 at 11:11
@EugenRieck If HLS in Edge is a problem I'd suggest you post an answer explaining that and providing an alternative solution.
– slhck
Jan 10 at 11:22
|
show 1 more comment
Edge says it supports HLS, but it doesn't really work. Use a sane browser.
– Eugen Rieck
Jan 10 at 10:41
I tried it on Internet Explorer and it gives me Error, I also have Chrome but it doesn't support it.
– Vincent Bavaro
Jan 10 at 10:49
Internet Exploder is not a sane browser, and Chrome has no HLS built-in, so you need something like mediaelement.js - this will make your Stream cross-browser.
– Eugen Rieck
Jan 10 at 11:08
I'll do some researches about mediaelement.js then. Thanks!
– Vincent Bavaro
Jan 10 at 11:11
@EugenRieck If HLS in Edge is a problem I'd suggest you post an answer explaining that and providing an alternative solution.
– slhck
Jan 10 at 11:22
Edge says it supports HLS, but it doesn't really work. Use a sane browser.
– Eugen Rieck
Jan 10 at 10:41
Edge says it supports HLS, but it doesn't really work. Use a sane browser.
– Eugen Rieck
Jan 10 at 10:41
I tried it on Internet Explorer and it gives me Error, I also have Chrome but it doesn't support it.
– Vincent Bavaro
Jan 10 at 10:49
I tried it on Internet Explorer and it gives me Error, I also have Chrome but it doesn't support it.
– Vincent Bavaro
Jan 10 at 10:49
Internet Exploder is not a sane browser, and Chrome has no HLS built-in, so you need something like mediaelement.js - this will make your Stream cross-browser.
– Eugen Rieck
Jan 10 at 11:08
Internet Exploder is not a sane browser, and Chrome has no HLS built-in, so you need something like mediaelement.js - this will make your Stream cross-browser.
– Eugen Rieck
Jan 10 at 11:08
I'll do some researches about mediaelement.js then. Thanks!
– Vincent Bavaro
Jan 10 at 11:11
I'll do some researches about mediaelement.js then. Thanks!
– Vincent Bavaro
Jan 10 at 11:11
@EugenRieck If HLS in Edge is a problem I'd suggest you post an answer explaining that and providing an alternative solution.
– slhck
Jan 10 at 11:22
@EugenRieck If HLS in Edge is a problem I'd suggest you post an answer explaining that and providing an alternative solution.
– slhck
Jan 10 at 11:22
|
show 1 more comment
0
active
oldest
votes
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "3"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
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%2f1392697%2fhls-stream-doesnt-work%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
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.
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%2f1392697%2fhls-stream-doesnt-work%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
Edge says it supports HLS, but it doesn't really work. Use a sane browser.
– Eugen Rieck
Jan 10 at 10:41
I tried it on Internet Explorer and it gives me Error, I also have Chrome but it doesn't support it.
– Vincent Bavaro
Jan 10 at 10:49
Internet Exploder is not a sane browser, and Chrome has no HLS built-in, so you need something like mediaelement.js - this will make your Stream cross-browser.
– Eugen Rieck
Jan 10 at 11:08
I'll do some researches about mediaelement.js then. Thanks!
– Vincent Bavaro
Jan 10 at 11:11
@EugenRieck If HLS in Edge is a problem I'd suggest you post an answer explaining that and providing an alternative solution.
– slhck
Jan 10 at 11:22