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?

asked Nov 19 at 9:56

Vincent Bavaro

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

<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?

asked Nov 19 at 9:56

Vincent Bavaro

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

<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?

asked Nov 19 at 9:56

Vincent Bavaro

<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

asked Nov 19 at 9:56

Vincent Bavaro

asked Nov 19 at 9:56

Vincent Bavaro

asked Nov 19 at 9:56

Vincent Bavaro

asked Nov 19 at 9:56

Vincent Bavaro

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

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

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',
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
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

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

Name

Required, but never shown

active

oldest

votes

draft saved

draft discarded

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.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Gfrktyl