http://jsfiddle.net/N8dYL/
The goal i'm trying to acchieve is that when you click play, the TED Talk starts playing at for example 02:22
I've tried several things i know from JWplayer like video.mp4?time=02:22 but I couldn't get it to work on this player.
Does anyone have some inspiration for me?
AAhHH! I just noticed that when I pause a TED Talk, the url at the top changes with that number! So it's far easier that what I posted below - just pause the talk where you want and copy the URL!
Seems that when you use certain social media plugins/extensions (I'm using MeetEdgar on Chrome), you can click to share from the bookmark button when you pause the TED video and it will give a unique time number. I just did this one: http://www.ted.com/talks/julian_treasure_how_to_speak_so_that_people_want_to_listen#t-28636
There is no clear pattern, though, as the #t-xxxxx for 10 seconds was 426018, 20 seconds was 8651, 30 seconds 18670 and the one above was at 40 seconds.
I'm guessing the player creates a random number for that specific point. Probably so that people don't share just bits, but the whole thing.
I'm only guessing that some of the Twitter, Facebook or G+ plugins/extensions might do the same. Give it a shot!
~Bon
this post may help
Start HTML5 video at a particular position when loading?
or at least that's what i hope lol :D
make sure you read this
http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/
you might find it helpful after all :D
The only thing i can think of is downloading the mp4, and using JWplayer, like i just did.
Related
I have an HTML list of music tracks in a website. Some of them can be previewed with an audio sample.
I want to implement a triangle (play button) in front of each of those tracks, so that the visitor can click on each of those and hear a short audio sample. If the visitor clicks on another track before the previous is done, the latter should stop and the new one should play.
Is this simple plan implementable without much effort? I am good at HTML and CSS, but i can't write JavaScript. I've researched the audio-controls attribute, but it gives me a complete player with a bunch of controls that i don't want displayed.
Are there any tutorials you guys could point me to, if this is only possible with java-script?
Wow, no answer for weeks...
But i found a solution myself. Everything that i described works with a small jQuery player i found here: https://github.com/kuantal/Multiple-circular-player . I can have multiple instances and the script is "intelligent" enough to let only one single instance play at the same time.
Props to the author of the script - well done!
This may well be a long-shot (I suspect some of the feature requests in the project I'm working on might be 'bordering on' pedantic) but is there a simple way - that doesn't involve designing a javascript video player - to lower the amount of time the html5 video player progress bar takes to disappear, once the mouse stops moving?
Yes, you read me right.
I guess what I'm hoping for is, say, an html attribute in the video tag that can be set to a certain amount of milliseconds, or something... I haven't been able to find anything, so I'm guessing the answer is 'no'.
Actually I'm hoping the answer is a straight 'no', but unfortunately I have to ask.
Any help, either way, much appreciated.
Thanks.
I am making a project, that includes many videos. In short: let's say I want to put 20 videos that are on the screen (I won't put them all together - they would be 4 together each on 5 pages for example) and the user could hear 15 seconds of them and then decide if he/she wants to play the whole video.
this is the general code I use for import (just to understand how I import):
playlistVideoDisplay[i].movie = new FLVPlayback();
playlistVideoDisplay[i].movie.load("videos/somefile.flv");
To my understanding - It would be easier for flash to load 20 videos of 15 seconds each - and then when a user request a specific video - flash will load the full video of this specific short one.
BUT - I would much rather use the other way - loading full-length (let's say 10/7/5 minutes) and when the user can play the 15 second sample and, if he/she wishes, he will play the full video (without re-loading a new video - and not making a smooth transform between the short one and the long one).
My question is: Am I wrong by assuming that importing bigger movies would make everything hard and slow on flash?
First of: you'd probably do your users a great favor by NOT importing the full length FLV:s. In the case of 20 5-minute videos you'd be importing 100 minutes of moving pictures. That's a lot. For someone surfing with limited bandwidth (say a mobile broadband) that could easily eat a big chunk of the monthly allocated bandwidth.
For that reason alone, I'd say go with the small previews.
Having said that, I'd recommend you have a look at this class: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/net/NetStream.html
Streaming would definitively be a better idea than loading all of those videos. Unless there's a specific reason why you want to load them?
How does Google do the little animation that replace the Google logo every day?
I know the whole world lost almost 5 million hours playing Pacman at work last year (but it was worth it :D). But I am still very impressed by these little interactive games.
I was wondering what technology google is using to have an animation that perfect on their home page?
The Pacman one was some fairly fancy JavaScript, so I'd imagine most of them are done in a similar manner. The Les Paul one yesterday was JavaScript and embedded a SWF file to play the sounds.
They most likely use HTML5 and JavaScript. But you could acheive the same with Flash.
I am working on a Flash Video player and am implementing the ability to start a video at x time within the span of an FLV (served from FMS). I am able to start it x seconds into a stream without any issue using
netStream.play(source, startTime);
but as far as I can tell, it only supports seconds. I am looking to be able to give a start time (or even a seek time if that is supported) in milliseconds, or really anything more precise than whole seconds.
Anyone know of any way to achieve this even by monkey patching the fl classes?
Thanks,
Doug
Well the seek will allow you to seek by a number of frames, but the spec says that it only seeks to the closes I-Frame in the FLV. That will become a problem with any method you use, because the I-Frames are the only ones that actually contain the whole picture frame (here's the gist of that).