videojs / http-streaming Goto Github PK
View Code? Open in Web Editor NEWHLS, DASH, and future HTTP streaming protocols library for video.js
Home Page: https://videojs-http-streaming.netlify.app/
License: Other
HLS, DASH, and future HTTP streaming protocols library for video.js
Home Page: https://videojs-http-streaming.netlify.app/
License: Other
Encrypted m3u8 playback, can you start asking for key, no longer request KSY, and then play it normally?
The player starts playing a playlist with 0 index, but it is quickly deleted by the server. How can I start playing from the last playlist index?
In my case, you need to play with odminn23_1-408.ts, but playing with odminn23_1-404.ts
generateSegmentInfo_(){
...
playlist.segments[mediaIndex]; //current 0, need 4
...
}
The playlist:
#EXTM3U
#EXT-X-VERSION:3
#EXT-X-MEDIA-SEQUENCE:404
#EXT-X-TARGETDURATION:13
#EXTINF:12.500,
odminn23_1-404.ts
#EXTINF:12.500,
odminn23_1-405.ts
#EXTINF:12.500,
odminn23_1-406.ts
#EXTINF:12.500,
odminn23_1-407.ts
#EXTINF:12.500,
odminn23_1-408.ts
Tasks
I have been able to get the textTracks using a modified program. I am expecting my Cue to load at 48 secs for 12 secs and then at 78 secs for 20 secs. I am instead getting VTT Cues at 40 secs for 40 secs duration. I am not sure how this cue start and duration are picked up from.## Sources
Is a certain source or a certain segment affected? please provide a public (accesible over the internet) link to it below.
I am including the link to my code, logs and the m3u8 file.
https://gist.github.com/varadarajana/9c0cd051b646a4f70a869a65143305be
Most of our streams come from local small business DVRs and aren't very reliable. I've tried using the hls-timestamp-offset event for error recovery with limited success. Is there a way to catch segment or playlist errors? If not, would it be possible for you to add an event or the ability to specify an error function to videojs.Hls.xhr?
Sorry, my sources are private.
Explain in detail the exact steps necessary to reproduce the issue.
The player continues to try and load the stream.
If there are any errors in the console, from the player, or anywhere else please include them here:
Please include any additional information necessary here. Including the following:
what version of videojs-contrib-hls does this occur with?
5.14.1
what version of videojs does this occur with?
6.8.0
what browsers are affected? please include browser and version for each
what platforms are affected? please include operating system and version or device and version for each
are any other videojs plugins being used on the page? If so, please list them with version below.
are you using any other javascript libraries or frameworks on the page? if so please list them below.
I have the same question as this post:
videojs/videojs-contrib-hls#776
I want to control the key file request by php server script that only the valid user can get the AES key file. so I can not set cache expires of the key file.Therefor the php server been to very hevy. I had tried to modify mediaSegmentRequest function for check key.resovledUri and store the key value,but failed.
Is there any other way to fixed the proplem?
Thanks a lot!
videojs-contrib-hls 5.5.3
video.js 5.19
This test https://github.com/videojs/http-streaming/blob/master/test/sanity.test.js can't be run separately because it relies on VHS registering itself and attaching to videojs
, import VHS to fix this.
I find my m3u8 videos are stuck when played repeatedly, but they play normal for the first time!
I tried playing video with safari and firefox, but did not discover this problem. Only have problems in chrome!
I tried playing video on ipone7's safari with native video tag,but did not discover this problem.
experiment URL : http://videojs.github.io/videojs-contrib-hls/
experiment source: http://n1-q.mafengwo.net/s11/M00/D4/FE/wKgBEFrQXCmAOPHmAAAB4fZtONI06.m3u8
chrome 65.0.3325.181
I saw an issue where intermittently it would not recognize that a live stream had ended, it would stall on the last frame and show the loading indicator, but not progress further. In the console you would see multiple instances of this message, and it would keep re-requesting the m3u8
file periodically.
video.js:498 VIDEOJS: WARN: Problem encountered with the current HLS playlist. Trying again since it is the final playlist.
video.js:498 VIDEOJS: WARN: Problem encountered with the current HLS playlist. Trying again since it is the final playlist.
video.js:498 VIDEOJS: WARN: Problem encountered with the current HLS playlist. Trying again since it is the final playlist.
Sorry, I don't have a public source to share.
Explain in detail the exact steps necessary to reproduce the issue.
This is a test that only updates the endList
property when calling updateMaster
. On the current head of master
it will fail.
tests/playlist-loader.test.js
QUnit.test('updateMaster updates master when endList changes', function(assert) {
const playlist = {
endList: false,
mediaSequence: 0,
attributes: {
BANDWIDTH: 9
},
uri: 'playlist-0-uri',
resolvedUri: urlTo('playlist-0-uri'),
segments: [{
duration: 10,
uri: 'segment-0-uri',
resolvedUri: urlTo('segment-0-uri')
}]
};
const master = {
playlists: [playlist]
};
const media = Object.assign({}, playlist, {
endList: true
});
assert.deepEqual(
updateMaster(master, media),
{
playlists: [{
endList: true,
mediaSequence: 0,
attributes: {
BANDWIDTH: 9
},
uri: 'playlist-0-uri',
resolvedUri: urlTo('playlist-0-uri'),
segments: [{
duration: 10,
uri: 'segment-0-uri',
resolvedUri: urlTo('segment-0-uri')
}]
}]
},
'updates master when endList changes');
});
Playlist should update when endList
changes
You will see this message repeated in the console when this happens
video.js:498 VIDEOJS: WARN: Problem encountered with the current HLS playlist. Trying again since it is the final playlist.
Please include any additional information necessary here. Including the following:
what version of videojs-contrib-hls does this occur with?
videojs-contrib-hls x.y.z
what version of videojs does this occur with?
video.js 5.14.1
video.js 7.0.0 as well (still in https://github.com/videojs/http-streaming/blob/master/src/playlist-loader.js#L97)
what browsers are affected? please include browser and version for each
All
what platforms are affected? please include operating system and version or device and version for each
All
are any other videojs plugins being used on the page? If so, please list them with version below.
No
are you using any other javascript libraries or frameworks on the page? if so please list them below.
No
Briefly describe the issue.
I'm getting a error message, only in Microsoft Edge, that states.
The media playback was aborted due to a corruption problem or because the media used features your browser did not support.
This message only seems to appear when a new segment is trying to be loaded. So it takes about 2 1/2 - 3 minutes before it will appear. I'm running Edge v16 which according to the support chart supports mp4 fragments.
Here is an example. It does the same thing in JSBin. Once again note this only happens in Microsoft Edge.
http://jsbin.com/natudaw/1/edit?html,output
This happens with all the videos in Edge. I don't see this issue at all in any of the other browsers except IE 11 which obviously doesn't support HLS.
Explain in detail the exact steps necessary to reproduce the issue.
The video to continue to play without error
The media playback was aborted due to a corruption problem or because the media used features your browser did not support.
what version of videojs-contrib-hls does this occur with?
videojs-contrib-hls v5.14.0
what version of videojs does this occur with?
video.js 6.6.3
what browsers are affected? please include browser and version for each
*Microsoft Edge
what platforms are affected? please include operating system and version or device and version for each
*Windows 10
are any other videojs plugins being used on the page? If so, please list them with version below.
are you using any other javascript libraries or frameworks on the page? if so please list them below.
I do not have a webhost I could use to the demo files I am currently using. The demo I am using with just 4 camera angles (will be 9 soon) already takes up 1.46 GB.
I might create a very simple test I could host on GitHub Pages if needed.
Copied below is my test files: (Independent testing via VLC and MPV show that the video tracks appear and can be switched to.)
test.html
<head>
<link href="http://vjs.zencdn.net/6.4.0/video-js.css" rel="stylesheet">
<!-- IE8 Support -->
<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
<script src="http://vjs.zencdn.net/6.4.0/video.js"></script>
<script src="https://unpkg.com/videojs-flash/dist/videojs-flash.js"></script>
<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
<script>
var player = videojs('my-video');
player.play();
</script>
</head>
<body>
<video id="my-video" class="video-js" controls preload="auto" width="1280" height="720" data-setup="{}">
<source src="multicam.m3u8" type='application/x-mpegURL'>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
</body>
multicam.m3u8
#EXTM3U
#EXT-X-MEDIA:TYPE=VIDEO,GROUP-ID="main",NAME="Auto Cam", DEFAULT=YES,URI="auto-cam/index.m3u8"
#EXT-X-MEDIA:TYPE=VIDEO,GROUP-ID="main",NAME="Director", DEFAULT=NO,URI="director/index.m3u8"
#EXT-X-STREAM-INF:BANDWIDTH=12163000,CODECS="mp4a.40.2,avc1.4d401e",VIDEO="main"
auto-cam/index.m3u8
auto-cam/index.m3u8
(First 10 segments of many).#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:13
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:11.973222,
auto-cam-000.ts
#EXTINF:8.450000,
auto-cam-001.ts
#EXTINF:12.500000,
auto-cam-002.ts
#EXTINF:8.333333,
auto-cam-003.ts
#EXTINF:12.500000,
auto-cam-004.ts
#EXTINF:8.333333,
auto-cam-005.ts
#EXTINF:8.333333,
auto-cam-006.ts
#EXTINF:12.500000,
auto-cam-007.ts
#EXTINF:7.266667,
auto-cam-008.ts
#EXTINF:12.500000,
auto-cam-009.ts
#EXTINF:11.300000,
auto-cam-010.ts
director/index.m3u8
is formated the same as auto-cam/index.m3u8
.
Explain in detail the exact steps necessary to reproduce the issue.
I should be able to see and select the video tracks and audio tracks on screen.
None
Tested on:
Seems to be all browsers.
I hava a file video.m3u8
which contained some .ts
file url, and I save the video.m3u8
as video
without file name extension.
I used this code <source src="/video/video" type="application/x-mpegURL">
to play HLS video,
It worked successfully on Chorme desktop, but not on Android Chrome.
When I turned video
back to video.m3u8
and add .m3u8
to source tag's src like <source src="/video/video.m3u8" type="application/x-mpegURL">
, it worked fine on both desktop and Android Chrome.
In order to find what went wrong, I used Google Chrome Remote Debug to remote observe on Android Chrome console. There is no error log. Does anyone knows why?
Is a certain source or a certain segment affected? please provide a public (accesible over the internet) link to it below.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<link href="http://vjs.zencdn.net/6.2.8/video-js.css" rel="stylesheet">
</head>
<body>
<video id="player" class="video-js vjs-default-skin" controls preload>
<!-- <source src="/video/video.m3u8" type="application/x-mpegURL"> -->
<source src="/video/video" type="application/x-mpegURL">
</video>
<script src="http://vjs.zencdn.net/6.2.8/video.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.12.2/videojs-contrib-hls.min.js"></script>
<script>
var player = videojs('player');
player.play();
</script>
</body>
</html>
what version of videojs-contrib-hls does this occur with?
videojs-contrib-hls 5.12.2
what version of videojs does this occur with?
video.js 6.2.8
what browsers are affected? please include browser and version for each
what platforms are affected? please include operating system and version or device and version for each
are any other videojs plugins being used on the page? If so, please list them with version below.
*
are you using any other javascript libraries or frameworks on the page? if so please list them below.
*
If the media server goes down while a stream is playing, the screen will freeze when the buffer runs out, but no buffering spinner will be displayed. In the case of a live stream, contrib-hls will keep trying to download the playlist. In the case of a VOD stream, it will keep trying to download the last TS file.
Should work with any source?
Explain in detail the exact steps necessary to reproduce the issue.
Buffering animation occurs immediately after the buffer is exhausted. Additionally, maybe an error should be thrown after a configurable amount of time stalled with no download progress or a number of failed XHRs.
A constant output of net::ERR_CONNECTION_REFUSED
and the warning:
VIDEOJS: WARN: Problem encountered with the current HLS playlist. Trying again since it is the final playlist.
videojs-contrib-hls 5.12.2
video.js 6.4.0
Just using the hosted test player at http://videojs.github.io/videojs-contrib-hls/
Sync up with video.js's build processes, use coveralls for code coverage, add a badge showing the coverage and perhaps add a PR hook indicating coverage percentage change.
Write a guide and link it in the videojs-contrib-hls repo
Description
Adds support for alternate renditions video tracks. Analogous implementation to alternate audio renditions and text tracks.
The same was proposed in videojs-contrib-hls
videojs/videojs-contrib-hls#1128
I am requesting for beforeRequest to allow promises to be used within the function. The reason why I am requesting this functionality is because I am using service call to update the uri value.
I need to update the uri this way because I am using NGINX’s secure_link module along with WOWZA. The secure link module requires all paths to be hashed by the client for authorization to view the video. I am using a service to generate the hash which is where my issue stems from.
I have tried using fetch api to make my requests, but beforeRequest continues to update the uri with the Promised fetch request that has not yet been fulfilled. Making the fetch call synchronous via async/await also has the same issue.
The solution to resolve this issue was by making a synchronous XMLHttpRequest for my request, but this is a short term solution because XMLHttpRequest is being deprecated.
I would like to help with this effort if possible, but I am unsure of where to start.
Is a certain source or a certain segment affected? please provide a public (accesible over the internet) link to it below.
Explain in detail the exact steps necessary to reproduce the issue.
Override the function Hls.xhr.beforeRequest. Set the options.uri equal to a value that is fetched from a service.
Example:
window[`videojs`].Hls.xhr.beforeRequest = function (options) {
//set the uri to a value that is retrieved from a service
//fetchRequest makes a service call via fetch that returns a full uri
options.uri = fetchRequest(path);
return options;
}
Options updates in videojs before the promise is fulfilled causing the uri to be null.
Please describe what you expected to happen that did not happen in the description.
Videojs should update the uri after the promise is fulfilled
If there are any errors in the console, from the player, or anywhere else please include them here:
Please include any additional information necessary here. Including the following:
what version of videojs-contrib-hls does this occur with?
videojs-contrib-hls 5.12.2
what version of videojs does this occur with?
video.js 6.6.3
what browsers are affected? please include browser and version for each
*Google Chrome: Version 64.0.3282.186
what platforms are affected? please include operating system and version or device and version for each
*
are any other videojs plugins being used on the page? If so, please list them with version below.
*
are you using any other javascript libraries or frameworks on the page? if so please list them below.
*fetch
I do not want to annoy you, so sorry for posting this here besides the one in the other repo - but I do not understand why the demo page gives me that console output:
Specified “type” attribute of “application/x-mpegURL” is not supported. Load of media resource //d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8 failed. All candidate resources failed to load. Media load paused. All candidate resources failed to load. Media load paused.
This is with Firefox 59 on Ubuntu. i have seen this error on OSX, too.
Ah, yes, sorry, i should add that the video plays, but the console message is annoying. Also I just do not understand why that happens I would like to learn about that. Thanks!
Similar with this issue,some m3u8 source cannot play and throw an error,but it work in VLC and mobile browser.
I download a little part of source and make a test demo, please check the attachment
hls.zip
Confirm why the source cannot play,is it unspported by this plugin,or lack of something necessary?
Uncaught TypeError: Cannot read property 'segments' of undefined
videojs-contrib-hls 5.10.1
video.js 6.2.5
*Chrome 59.0.3071.115
*Windows 10
Hello there,
I'm using VideoJS and videojs-contrib-hls without setting overrideNative to true on Mac Safari with a streaming URL of a live broadcast.
I got the following error:
[Error] VIDEOJS: (4)
“ERROR:”
“(CODE:3 MEDIA_ERR_DECODE)”
“The media playback was aborted due to a corruption problem or because the media used features your browser did not support.”
MediaError {code: 3, message: “The media playback was aborted due to a corruption…media used features your browser did not support.“, status: null, MEDIA_ERR_CUSTOM: 0, MEDIA_ERR_ABORTED: 1, …}
logByType (video.js:498)
error (video.js:620)
error (video.js:23829)
handleTechError_ (video.js:22449)
bound (video.js:2348)
bound (video.js:2348)
dispatcher (video.js:1971)
Surprisingly, the error disappeared and the video continued playing after a while.
Any thoughts?
What does this error refer to? Is there a problem with the streaming URL?
5.13.0
6.7.4
Safari
macOS
Thanks.
Remove built-in Flash support and instead refer to flashls
Since this project doesn't not contain a flash fallback for HLS playback we should document alternatives (https://github.com/brightcove/videojs-flashls-source-handler) in the README
Briefly describe the issue.
some m3u8 can not play and console print "Cannot read property 'segments' of undefined "
if your PAT of ts have NIT ,it will cause videojs-contrib-hls analysis PMT failed。
15102: parseType(data.subarray(i + 4, i + 8));
Explain in detail the exact steps necessary to reproduce the issue.
Sample PAT :
47 40 00 14 00 00 B0 11 00 00 C1 00 00 00 00 E0 1F 00 01 E1 00 23 5A AB 82
| NIT | PMT | CRC |
console print :Cannot read property 'segments' of undefined
If there are any errors in the console, from the player, or anywhere else please include them here:
Please include any additional information necessary here. Including the following:
what version of videojs-contrib-hls does this occur with?
what version of videojs does this occur with?
Video.js 6.4.0
what browsers are affected? please include browser and version for each
*
chorme
what platforms are affected? please include operating system and version or device and version for each
*
are any other videojs plugins being used on the page? If so, please list them with version below.
*
are you using any other javascript libraries or frameworks on the page? if so please list them below.
*
I've already discussed about this issue on videojs/videojs-contrib-hls#1030 and at the time we agreed to fix this using blacklists. However, when using an encrypted hls stream the problem still remains.
After some debugging I found out that it might be happening when the connection breaks while downloading the encryption key.
The behavior for retrying a new segment is bound to the progress event, however, this event is bound just to the segmentXhr request and not to the keyXhr request.
One way that I found that could fix it is to bind this event to the key request as well.
const keyRequestCallback = handleKeyResponse(segment, finishProcessingFn);
const keyXhr = xhr(keyRequestOptions, keyRequestCallback);
//Probable solution
keyXhr.addEventListener('progress', handleProgress(segment, progressFn));
activeXhrs.push(keyXhr);
Since I don't know the code this well I'm not confident to say that this would be the right solution for the problem.
Could anybody help?
Use this m3u8 file:
https://s3.amazonaws.com/player.hotmart.dev/video/lYq2j96qaG/hls/master.m3u8
videojs-contrib-hls 5.14.1 (Using the demo page)
what version of videojs does this occur with?
video.js 6.7.3 (Using the demo page)
Tested on chrome but I'm pretty sure it happens on all browsers
In our scenario, we need to dynamically create a video, change its source several times within few seconds (user will be previewing videos), and dispose and re-create it at some point.
Using our video source files, when in the middle of a video, we change the video source through videojs().src
function, an Uncaught DOMException: Failed to execute 'addSourceBuffer' on 'MediaSource': This MediaSource has reached the limit of SourceBuffer objects it can handle. is received.
Here is a reduced test case on jsbin:
http://jsbin.com/tojewagula/edit?html,console,output
Here are the source files you can download and check (npm install and npm start should be enough):
https://drive.google.com/file/d/0B-Ny3L4qtHdUXzRaZlltWjF0YXM/view?usp=sharing
Here are some example M3U8 URLs we are using:
https://scdn.golden-race.net/hlsvideos/dog6/d6-5-4-3-1437.m3u8?st=JMUY2EVWtAHdK-GDFcNyMw&e=1485420418
https://scdn.golden-race.net/hlsvideos/sp/s4-4-3-054.m3u8?st=BvMPTBAMEamHQICmFvEoJg&e=1485424078
https://scdn.golden-race.net/hlsvideos/mt/mt-5-4-1-0229.m3u8?st=yYu5J6ml4wkTdgSrbAkY9Q&e=1485424498
We realized that inserting a debug point in the function createRealSourceBuffers_()
provoked that this exception is never thrown, so we just inserted a simple wait of just before the buffer is created with _this2.mediaSource_.nativeMediaSource_.addSourceBuffer(...)
, and it's working almost all the times (we still get the exception sometimes on extreme conditions).
Using the given jsbin example:
Note: Can be also discovered even though video is disposed.
Video should be working correctly, even though is Loaded several times and/or disposed.
An unexpected error is found and video looses sound.
We were're NOT able to reproduce this issue with a couple of example videos found on the internet ( e.g. https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8 ), but trying to figure out what were the differences between both videos, we found that they're almost the same: same enconding, videos with different resolutions and several audio streams... It's driving us crazy!
videojs-contrib-hls 4.1.0
video.js 5.15.1
All
All
No other plugins are being used.
jQuery 1.8.0
Unable to play HLS stream while segment size > 20MB
Any m3u8 playlist with fi (usally 1080p streams)
Explain in detail the exact steps necessary to reproduce the issue.
Video can be played
VIDEOJS: ERROR: (CODE:-3 undefined) The quota has been exceeded.
Object { code: -3, type: "APPEND_BUFFER_ERR", message: "The quota has been exceeded.", originalError: DOMException }
video.js:129:5
latest
latest
Firefox
`_Tech.selectSourceHandler = function (source, options) {
var handlers = _Tech.sourceHandlers || [];
var can = void 0;
for (var i = 0; i < handlers.length; i++) {
can = handlers[i].canHandleSource(source, options);
if (can) {
return handlers[i];
}
}`
in above code of video.js, i found there is only ONE default sourceHandlers for “html5” tech, no HLS source handler registered. If i use webpack manner:
import 'video.js/dist/video-js.css' import videojs from 'video.js' window.videojs = videojs // hls plugin for videojs6 require('videojs-contrib-hls/dist/videojs-contrib-hls.js')
but if i use normal cdn script tag manner, everything works fine, and there are TWO source handler, one of which is the HLS source handler.
Explain in detail the exact steps necessary to reproduce the issue.
There will be following error in console:
'
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media
'
Works well , it should be the same as in CDN script tag manner.
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media
Please include any additional information necessary here. Including the following:
what version of videojs-contrib-hls does this occur with?
videojs-contrib-hls 5.14.1
what version of videojs does this occur with?
video.js 6.7.3
what browsers are affected? please include browser and version for each
chrome 63.0.3239.132 , firefox not work
Edge works well
what platforms are affected? please include operating system and version or device and version for each
I am testing in windows 10 64 bit
Right now, if we are down to our last playlist, we don't blacklist it. However, if there are other playlists that are currently blacklisted, we have to wait up to 5 minutes for their blacklists to clear. We should instead clear the blacklist/shorten the blacklist duration for the other playlists, and retry the best available playlist after a delay.
In dealing with m3u8 encrypted video, when requesting key, return the corresponding key string.Videojs-contrib-hls to get the string for ArrayBuffer processing, and I can't find the source code matching in the source code. The current scenario is that the key interface obtains an encrypted key string through the algorithm defined by the front and back ends, but this string is not plaintext. After videojs-contrib-hls gets it, it cannot match. I need to modify the source code and unlock the encrypted key. Identify the videojs-contrib-hls. How can I do it, please? How to modify the source code?
To see what happens to your code in Node.js 10, Greenkeeper has created a branch with the following changes:
.nvmrc
with the new oneIf you’re interested in upgrading this repo to Node.js 10, you can open a PR with these changes. Please note that this issue is just intended as a friendly reminder and the PR as a possible starting point for getting your code running on Node.js 10.
Greenkeeper has checked the engines
key in any package.json
file, the .nvmrc
file, and the .travis.yml
file, if present.
engines
was only updated if it defined a single version, not a range..nvmrc
was updated to Node.js 10.travis.yml
was only changed if there was a root-level node_js
that didn’t already include Node.js 10, such as node
or lts/*
. In this case, the new version was appended to the list. We didn’t touch job or matrix configurations because these tend to be quite specific and complex, and it’s difficult to infer what the intentions were.For many simpler .travis.yml
configurations, this PR should suffice as-is, but depending on what you’re doing it may require additional work or may not be applicable at all. We’re also aware that you may have good reasons to not update to Node.js 10, which is why this was sent as an issue and not a pull request. Feel free to delete it without comment, I’m a humble robot and won’t feel rejected 🤖
There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot 🌴
When seeking to a time just before the end of a segment, that segment will be downloaded, and playback will start. of course, once the seek to the end of the segment happens, the buffer is exhuasted, and thus you get a playback stall while it buffers up the next segment.
I've only really tested on streams with 6s segments. I'm not sure if the buffering is time-based; if the segments are smaller, it's possible enough would be buffered before playback.
Explain in detail the exact steps necessary to reproduce the issue.
All you need to do is seek to just before a segment end that isn't buffered.
The player buffers the following segment before starting playback
videojs-contrib-hls 5.10.0
video.js 6.2.6
All?
All?
are you using any other javascript libraries or frameworks on the page? if so please list them below.
I'm trying to intercept/modify the index.m3u8 file requests, for some application-specific purpose, using one of the following possible methods:
Any of the above method is NOT working in case of Mac Safari. The code flow won't even hit any of the above methods. I'm guessing it's because, I'm not able to override the native hls behaviour on Safari, even after using the required 'overrideNative' parameter.
videojs.options.hls.overrideNative = true;
videojs.options.html5.nativeAudioTracks = false;
videojs.options.html5.nativeVideoTracks = false;
Is there any other way to intercept the index.m3u8 calls and/or force the contrib-hls behaviour over the native hls behaviour?
videojs-contrib-hls 5.12.2
video.js 6.7.3
Is there a way to programatically disable the video stream while continuing to play the selected audio stream for HLS streams?
Clicking on a audio only toggle would allow me to disable the video stream (maybe replace with an image) but allow the audio to continue running to save bandwidth while driving
what version of videojs-contrib-hls does this occur with?
videojs-contrib-hls 5.14.0
what version of videojs does this occur with?
video.js 5.6.0
The changelog needs cleaning up https://github.com/videojs/http-streaming/blob/master/CHANGELOG.md
The jsbin in https://github.com/videojs/http-streaming/blob/master/.github/ISSUE_TEMPLATE.md needs to be updated to use this project
Hi there, I'm wondering if we could add a line like
this.tech_.trigger('nomasterplaylist');
somewhere around https://github.com/videojs/videojs-contrib-hls/blob/master/src/master-playlist-controller.js#L864
Because this is a pretty frequent case with broken CORS headers, but all I can rely on is the tech.trigger('error', hlserror), so I have to set a handler on the very generic 'error' event and then filter out by "HLS" being in the error message which is not.. ideal..
What do you think?
cc @robinmaben
Update https://github.com/videojs/http-streaming/blob/master/package.json#L4 so that it mentions DASH and future HTTP segmented content
Hi, I seriously appreciate your work and I am totally overwhelmed that there are now two hls projects in the videojs org, but it also would be really great if you would like to explain (maybe in a blog post) the reasoning behind those two repos - why does this repo exist and how does it relate to videojs-contrib-hls?
As a casual user I find the current situation very confusing. Which codebase to follow?
Thank you very much!
To help users with issues we should create some docs like https://github.com/videojs/video.js/blob/master/docs/guides/faq.md, https://github.com/videojs/video.js/blob/master/docs/guides/debugging.md and https://github.com/videojs/video.js/blob/master/docs/guides/troubleshooting.md
Document what this project supports and a roadmap
Hi,
I am creating a video stream app, i am using drawImage() to copy from video to canvas, it is well working in PC, but when i am testing it on my phone it seems drawImage is not working. is m3u8 have restriction over it? or i did wrong?
Thanks
this is my working phone, hope you can answer my questions
`function HLSFunc(a,b,c){
if (document.getElementById('ng-player') == null ){
var videojsContainer = document.createElement('video-js');
videojsContainer.id = "ng-player";
document.getElementById('ng-container').appendChild(videojsContainer);
document.getElementById('ng-player').setAttribute('width','100')
document.getElementById('ng-player').setAttribute('height','100')
document.getElementById('ng-player').setAttribute('controls',true)
document.getElementById('ng-player').setAttribute('playsinline',true);
}
player = videojs('ng-player');
var url = 'https://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8'
var mimetype = 'application/x-mpegURL';
videojs.Hls.xhr.beforeRequest = function(options) {
drawToCanvas();
return options;
};
player.ready(function() {
this.src({
src: url,
type: mimetype
});
});
}
function drawToCanvas(){
var video = $('#ng-player_html5_api')[0];
var inputCtx = $('#canvas')[0].getContext('2d');
inputCtx.drawImage(video,0,0,420,320);
window.requestAnimationFrame(drawToCanvas);
}`
Hi All,
We have spent quite a bit of time trying to provide the best possible security by encoding our media through AWS with AES 128 bit encryption this has worked great for a long time but like everything on the web we have been shown that this can be easily downloaded using the following plugin.
https://addons.mozilla.org/en-GB/firefox/addon/video-downloadhelper/
Simply install the extension in Firefox and then install the companion app and click download and covert
We have set up an example below.
http://output.jsbin.com/fabefit/1/
Can anyone suggest any way to prevent this I totally understand that its pretty much impossible to prevent videos from being stolen simply using screengrab software will do the job and nothing can prevent this but it would be good to prevent simple downloads from extensions make it as hard as possible?
We recently viewed a post here: videojs/videojs-contrib-hls#1337 about possibly obfuscating the requests.
Maybe we are missing a step that can prevent this any info would be appreciated?
Thanks
This morning I noticed that the videos on my site were all broken, as if a css file had not loaded. I then looked online and saw https://videojs.github.io/http-streaming/ also had the same problem I'm having.
I also saw VideoJS updated to version 7 - could this be the source of the problem?
What could I do to go around this problem?
Thanks,
Diego
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.