Javascript API showcases

Jeroen,

How fast do you need it?
Still in development fase. The site wil go live in about 4 weeks. Untill then there is a possibility to fill it with sample data so we can show something (if you want to)

No need to rush, just post when done and it looks good!

Here's the alpha: http://www.colingo.org/jw_flash_js.html

Here's the beta (in active development): http://www.colingo.org/test/colingo-maker.5/

Thanks for a great player and javascript API!

Hi,

here a slideshow is synchronizid with the mp3-player:
http://familientagebuch.de/rainer/2007/41.html#if6

After starting the mp3 the diashow begins to work.

Here controls the mediaplayer a tour thrue Hamburg.
http://familientagebuch.de/rainer/2008/04.html#6

hi jeroen,
maybe you'll like radio aporee ::: maps - http://aporee.org/maps/

My example:

http://jaryth.net/CC/eng/video/

I used the API's to script the buttons of the Background game console to control the Player. Its a PSP in the background, clicking on the X button plays, and pauses, wile the O button pauses. Im still working on the Volume (having issues with the Volume API's).
I also used the API's to create hyperlinks to load each video without loading another page.
And although its not really part of the API's, I also included PHP into the Players code to be able to load videos with the Get command. ex:
http://jaryth.net/CC/eng/video/index.php?vid=Angeal__Genesis_vs_Seph
http://jaryth.net/CC/eng/video/index.php?vid=project_g
Will load the same page, all the same thing, but different videos.
(I know all in all its really not much... and its not a Production site, its just a personal site, but for someone who is not to experienced in Javascript of PHP.... its a pretty big accomplishment. All hand coded.)

The site its self is meant to be extremely plain.

And thank you for making such an amazing, easy to use, user friendly Player and API controls!

Here is a page we put up for our local development body:

http://grailfilms.northernliving.tv/TEL/

A partial subtitling page to show the possibilities is here:

http://grailfilms.northernliving.tv/TEL/indexS.htm (only on Episode1)

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/--QClaHWj_Q&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/--QClaHWj_Q&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

www.theinternet.fm

@Chris
some problems with that page ...

> http://www.jeroenwijering.com/?item=Javascript_interaction
> add a video to the second playlist position

Don't allow to add "creator"?!

creator is the playlist element name. The equivalent flashvar is author.

Please see the table at: http://www.jeroenwijering.com/?item=Supported_Playlists SUPPORTED PLAYLISTS for the other equivalents.

Hey Jeroen, here's the Javascript API in action. I modified one of Andersen's players. This one has multiple playlists with a dropdown menu, and has the video navigation (scrollbars) on the right side of the player.

http://www.movimiento22.com/videoplayer/videos.html

@Jeron, all...

Is it possible to slowdown the auto scroll.

Take a look at the page, and notice that it scrolls way too fast, and it's hard to chose a specific item in a long playlist... that, of course, unless you set the the autoscroll to none, showing then the scroll bars, which I do not want to do.

http://www.movimiento22.com/videoplayer/videos.html

@uno: http://aporee.org/maps/ .... that's pretty cool. How you add files to the player was pretty neat...
can you give us a hint on how is that done?

@ Jeroen, all...

and here's the image rotator... just click on any of the artists to see it in action

http://www.movimiento22.com/musicos.html

<object width="425" height="355"><param name="movie" value="http://

Here's an example that allows you to "schedule" any javascript function to be executed at any point in the video. This is based on Will's synched video and slides player. It uses the "anno" tag in the playlist to list time/function pairs.

It is really designed for interactive learning materials. It would be ideal for showing a snippet of video, then asking a question based on the video segment. Based on the response, the video resumes, scrubs to a new point, loads another video, etc..
Instead of a quiz, you could display an interactive flash demonstration or HTML text. When the displayed item is closed, the video continues, or you can have it load another segment. There are several example functions written, and I'll be adding in a customizable flash quiz and example interactions soon.

It also creates tabs from a list of playlists. When a playlist is loaded it generates a scrolling menu which could be styled in any way you wish.

The working videowidget is here:

http://thedesignspace.net/videowidget2/page04.htm

and the files can be downloaded here:

http://thedesignspace.net/videowidget2/Player_files.zip
Full instructions to come soon - I'll add the tutorial link to the demo page when it is ready.

ellen@thedesignspace.net

Hi, here is my example... http://www.planetricki.com/player/

The player loads with an initial playlist of recently added videos. Different categories of clips are displayed at the left (i.e. Movies, Interviews, etc.) and when a category is selected JS loads that playlist into the right of the player. JS also shows the title and description below the player.

I'm also using a "light box" effect to open a larger version of the player and playlists. Click the maximize/minimize icon at the bottom left of the player and it dims the page background and loads the larger version of the player.

Hi Jeroen, not super impressive, but it's high profile. I recently built the new United Way site and integrated your player using the javascript API to modify how the "playlist" works. It's on 3 pages:

http://www.liveunited.org/give/
http://www.liveunited.org/advocate/
http://liveunited.org/volunteer/

Currently testing - planning to develop PHP interaction to play random FLV on home page & specific FLVs on product pages.

http://www.kickerfilms.com

http://www.speekee.co.uk/parents/

Very cool stuff! Please keep 'em coming ... ;)

http://www.cfcms.nl/testing-youtube-keywords-jwplayer4-with-highslide.html

Here I use the youtube GDATA API to retrieve the video's with keywords
For the SEO I print in the source of the page the first 50 items with title,descriptions,rating and url
For the player I use highslide as popup and JWplayer4 + skin for playing.
Since I only can retreive max. 50 youtube video's at one time there is a selectbox to go to the next 50 video's

www.myspacegator.com quality myspace layouts

Still in development fase and playing around...
http://media.fh-krems.ac.at/mediathek_v2tester.php

If you like it, please tell me "privat [at] polygonstudio [dot] at"
If you have any suggestions, please tell me "privat [at] polygonstudio [dot] at"
;-)

We just put up our new video page today. It's a full blown AJAX implementation with a tabbed interface for browsing and loading videos.

http://www.civilwar.org/video

Your player page is very nice! how are you loading the new videos selected in the tab into the player?

Not the most beautiful, but it has a lot of features.

http://thedesignspace.net/videowidget2/index.htm?zurl=page04.htm

Explanation is here:
http://thedesignspace.net/MT2archives/000500.html

This one is based on the version 3 player, haven't updated it yet.

These are basically the same underneath the hood. This one plays h.264:
http://oregonstate.edu/~kempj/video/player.html

and this one does YouTube:
http://oregonstate.edu/~kempj

jackvkemp at yahoo dot com

Thanks Jeroen, kLink and andersen