You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS? Created Mar 25, 2010

This thread is solved

Views: 3491     Replies: 10     Last reply Oct 13, 2010  
You must login first before you can use this feature

tapsiwinkler

Posts: 19

Registered:
Mar 25, 2010

How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Mar 25, 2010

Hello,

Do you have a pointer in the right direction for the following:

We are about to release music instructional videos as DVD versions AS WELL AS streaming on-line, using FlowPlayer.

When we make those 90-min lesson clips available as premium content, I need to offer some CHAPTERS (like on the DVD version), so people can jump to sections they are interested in faster.

=> How to implement this in Flowplayer?

I did this before with screencapture videos with Camtasia, but setting those markers/chapters was right inside of Camtasia? (see 2nd video onhttp://jazztromboneheaven.com/artist-info/); but I am not sure how this works with a non-screencapture video.

I would love to NOT have chop up the video into 17 separate video files to form a playlist in flowplayer. (Which then would look like the last video onhttp://jazztromboneheaven.com/artist-info/ - but those are SEPARATE VIDEOS to start with.)

I would like it to look something like this:
http://fora.tv/2009/01/16/Joshua_Redman_and_Gary_Giddins_in_Conversation#fullprogram
(has a 30-sec ad in front of it...)

Since it's gonna be a LOT of chapters/markers (90-min video...); making a 'scrolling playlist' also would be very desirable.

Is this it?
http://flowplayer.org/documentation/events/cuepoints.html

Any pointers appreciated. ;)

Thanks in advance!

tapsiwinkler

Posts: 19

Registered:
Mar 25, 2010

» How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Mar 31, 2010

Reply to: How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?, from tapsiwinkler
Bump

Any pointer highly appreciated! ;)

Thanks in advance!

tapsiwinkler

Posts: 19

Registered:
Mar 25, 2010

» How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Apr 6, 2010

Reply to: How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?, from tapsiwinkler
Anybody?

I am willing to pay you for the answer! ;)

Please email fwoffice AT gmail DOT com

Thanks!

darrel.herbst

Posts: 101

Registered:
Apr 1, 2010

» » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Apr 7, 2010

Reply to: » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?, from tapsiwinkler
If I were you, I'd just build the chapter list alongside the player like in that second video example, and then call player.seek() to jump it to the timestamp you have the chapter set to.

That's a quick and easy way to do it.

Anssi
Flowplayer Flash & video streaming developer

Posts: 1194

Registered:
Jul 24, 2007

» » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Sep 6, 2010

Reply to: » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?, from tapsiwinkler
You don't need to use cuepoints at all with this. The playlist can consist of a list of links that use JavaScript to invoke $f().seek(x) where x denotes the seek target time. You will need to use either RTMP or pseudostreaming so that random seeking in the video timeline is possible.

Below is an example that uses RTMP. Try calling for example following

$f().seek(30)

in the Firebug console (or the console of Google Chrome or Safari) when the video plays. The video will seek to 30 seconds. You can have the playlist below the player to contain links that call the seek() method with the target positions corresponding to your chapter positions.

The automation part then consists of having server-side programming that creates the chapter dynamically so that the seek positions are correct.

Flowplayer forum example

HTML setup for the player

<!-- include latest Flowplayer javascript file -->
<script language="javascript" src="path/to/flowplayer-3.2.6.js"></script>

<!-- player container with optional splash image -->
<a href="path/to/video_file" id="playerContainer">
	<img src="path/to/splash_image" />
</a>


JavaScript coding

Following script will install Flowplayer into our player container


<script language="javascript">
// our custom configuration is given in third argument
flowplayer("playerContainer", "path/tohttp://releases.flowplayer.org/swf/flowplayer-3.2.7.swf",{
clip: {
		url: 'metacafe',
		provider: 'rtmp'
	},

	plugins: {
		rtmp: {
			url: 'flowplayer.rtmp.swf',
			netConnectionUrl: 'rtmp://cyzy7r959.rtmphost.com/flowplayer'
		}
	}
});
</script>


tapsiwinkler

Posts: 19

Registered:
Mar 25, 2010

» » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Sep 10, 2010

Reply to: » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?, from Anssi
Thank you, Anssi!

I will have my programmer take a look at your response above.

Also what I asked in my original ticket: how to create a SCROLLABLE playlist BELOW the video?
(Which should look similar to this link:
http://fora.tv/2009/01/16/Joshua_Redman_and_Gary_Giddins_in_Conversation#fullprogram)
II assume the following link answers the question?
http://flowplayer.org/demos/plugins/javascript/playlist/scrollable.html)

And 1 other thing: for SUBTITLES:
Does the following link
http://flowplayer.org/plugins/flash/captions.html
* also take care of having MULTIPLE subtitle options? (Say Spanish, Japanese & German)
* And: how can we transfer existing subtitles from DVD Studio Pro to the web video in the most streamlined way?

Thanks!!

Falk

billyy2288
http://moviesonlinefree.biz

Posts: 1

Registered:
Sep 21, 2010

» » » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Sep 21, 2010

Reply to: » » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?, from tapsiwinkler
Such a very amazing link!
Thanks you for the post.

kreolyab

Posts: 8

Registered:
Jul 28, 2009

» » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Oct 6, 2010

Reply to: » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?, from Anssi
" You don't need to use cuepoints at all with this. The playlist can consist of a list of links that use JavaScript to invoke $f().seek(x) where x denotes the seek target time. You will need to use either RTMP or pseudostreaming so that random seeking in the video timeline is possible."

Hi i am using rtmp streaming and not very keen on programming.

Have you got an example of a playlist with links using $f().seek(x)function ?

What i intend to do is to make chapter list (scrollable )of a long video (2hours.

i presume this could be done .

Thank you very much

tapsiwinkler

Posts: 19

Registered:
Mar 25, 2010

» » » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Oct 11, 2010

Reply to: » » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?, from kreolyab
I second the above:

Could somebody kindly post EXAMPLE CODE for 1 Video file with a scrollable playlist?

EXAMPLE:
How could I add 3 chapters & a SCROLLABLE playlist into this page?
http://jazzheaven.com/embed.html

(See code in the PS of this post...)

My webguy tried to implement Anssi's suggestions from above for 3 hours without any luck. ;(

I think this could be very useful for a lot of people on this forum.

Thanks in advance!

Falk

PS: Source code fromhttp://jazzheaven.com/embed.html
UNFORTUNATELY, when I copy the source code, it doesn't copy the first line of code, so kindly check out the source code yourself by going to the URL.)


<object id="flowplayer" width="800" height="448" bgcolor="#000000"
	data="http://jazzheaven.com/player/player.swf"
	type="application/x-shockwave-flash"> 
 
	<!-- movie param is required for IE --> 
	<param name="movie" value="http://jazzheaven.com/player/player.swf" /> 
 
	<!-- set to true if you want your users to be able to enter fullscreen mode --> 
	<param name="allowfullscreen" value="true" /> 
 
	<!-- Flowplayer configuration --> 
	<param name="flashvars"  value='config={
		"key":"#@d121a66fd060d8372bf",
		"clip":"http://jazzmusicheaven.com.s3.amazonaws.com/TEST/10-29-10-peterson-test-800x448.mp4"}' /> 
 
</object>

Anssi
Flowplayer Flash & video streaming developer

Posts: 1194

Registered:
Jul 24, 2007

» » » » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Oct 13, 2010

Reply to: » » » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?, from tapsiwinkler
Unfortunately our playlist javascript plugin does not support this. It will always call play() when the playlist items are clicked. You could change the change it to do a seek() instead, this obviously requires some JavaScript skills.

tapsiwinkler

Posts: 19

Registered:
Mar 25, 2010

» » » » » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?

Posted: Oct 13, 2010

Reply to: » » » » » How to subdivide 1 Video file into CHAPTERS/how to put on MARKERS?, from Anssi
Other answer from Anssie to me, in case there is any new info:

Unfortunately we don't have an out-of-the-box solution for this.

You can modify our playlist javascript plugin yourselves (this onhttp://flowplayer.org/plugins/javascript/playlist.html) or instead of using it implement the required logic using your own html and javascript coding.

ANYBODY? ;)