-
-
Notifications
You must be signed in to change notification settings - Fork 2.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Playlists (Audio & Video) #3
Comments
Great idea. I'll look at this as soon as I can. |
And perhaps related: audio playlist |
Issues I'm worried about:
Might be a reason why video players with years of development aren't seemless. |
Hey Joe, I'd probably look at the two as one ticket item. Hey Tom, very good points. My original thoughts were to use the preload attribute on the element to prefetch some of the next media. That way it would play instantly. That would mean two video/audio elements on the page though. It needs some more thought... |
it is quite the opposite, if used well it will reduce ram and cpu, Hold on, tonight (8 hours from now) I will post you some benchmark, because Quite smart on the preload thing, we need to check about screen resizing in a liquid layout on different browser ( that's what drove me crazy :P ) @sampotts how can I send you a private message? On Thu, Feb 26, 2015 at 10:42 AM, Sam Potts notifications@github.com
|
That would be good to see @servermeta ! |
Sorry @servermeta , I missed your message about a PM. Twitter is fine or me@sampotts.me I'll be looking at playlists next since I've added .source() and .poster() API methods now. |
Self plug: https://github.com/nickdesaulniers/javascript-playlist-parser I recommend sending an xhr to a url, then aborting if the MIME type is a media stream and using audio tags, else parse xhr.response based on MIME type. 😉 |
Thanks @nickdesaulniers , I'll take a look 👍 |
sorry for taking so long to reply, but I got scolded at work because I officially can't divulge the data that was under NDA. It was under NDA because we were using some proprietary Nvidia api (NVIFR) which just recently got divulged to the public. The basic idea is: if I have a 100 mb video, I will use AT LEAST (insert buffer size) mb of memory to hold it, up to 100 + n mb. More often than not I will load useless data, because I will not watch the full video. Splitting the video in 10 chunks of 10 mb, means that i will load up to 10 + n mb of memory, which is usually less than the default buffer size. The server has saved on bandwidth, you have saved on memory, everybody is happy. You think it might not matter much when you are seeing 1 video, but the more concurrent videos you add up, the more resource saving it becomes. |
Hi @sampotts so... what work have you done to address this? Do you have the UI separated from a model? I would love to talk with you about this. For now, I'll just stop and hide players from instances. Regards mate! |
Hey, Not a lot to be honest. I'm currently finishing up what's left to get v3 out the door (working on it now). After that I'm keen to convert to ES6 with modules so that people can build their own version which what they need - e.g. no Vimeo, YouTube or no controls if they use their own. I have someone who's offered help there. I don't think this would be too hard to do - the work to change sources is there int he API already but passing the playlist to setup would be tricky with the current setup. It's not something I've looked at yet in detail. |
@sampotts I see. I do not have the time to help you out, but perhaps it's better to get a view at your development on v3 to check it out instead of trying to work on v2. Also, you should have a 'playing' attribute on the instance (true/false) to easily check instance state. I'm having problems with stop(), it's not triggering pause event, and thus I cannot change the state of the instance attribute I've created upon stop(). Any ideas? |
v3 is currently in the |
Please +1 |
Please sensei , Playlist please.................... |
@sampotts, I came across this issue recently and just figured I'd mention that I got Plyr to work on top of my existing audio playlist at https://codepen.io/markhillard/pen/Hjcwu. It's certainly not "integrated" with Plyr, but it has no problem loading up tracks and moving through them. |
@markhillard Nice example! If I use your code locally however the control bar is no longer inline and displays massive icons. Also playlist is shifted right a bit. Would you know what might be causing this? Could it be some css postprocessor? |
@JasperTerra thanks! I'm guessing, but it sounds like a dependency isn't loading. I do use the Prefixfree setting in that pen so I don't have to write vendor prefixes, so that might be part of the problem. There is a note about local XHR at https://leaverou.github.io/prefixfree/#faq that describes how to run this plugin locally, depending on your browser. |
@markhillard great exemple .... any chance to add this in core ? |
@sampotts I sent you an email ref this topic with the email provided earlier in this discussion. I hope that is ok. |
this is useful https://codepen.io/onigetoc/pen/veWNbP |
Hide Controls on Pause Config option
@sampotts Love what you guys are doing here. Any update on an audio playlist? |
Any updates on this? |
Has anybody example code for mp4 video playlist like the audio playlist mentioned above? |
This works for me with a local playlist
|
Any update on this issue?? i.e Native playlists with NEXT/PREVIOUS buttons @sampotts |
Great player guys!
Since I work with browser video, having tried most of the players around, one thing that is consistently missing is support for native playlist.
Let's make an example: I split a 60 minutes long video in 6 videos of 10 minutes, to reduce load on server AND client. I want to automatically play one video after the other, without the user noticing that they are multiple videos.
Now the de facto solution is to use html5 media events, but if you want it to be seamless you have to use some html/css hacks. And it is fugly.
If you could solve this natively (and naively 😄 : ), I'm sure it would boost your popularity.
The text was updated successfully, but these errors were encountered: