Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Powerpoint/Slide Sync Plugin


I'm looking for a plugin that would allow me to synchronize a set of images with a video. I can do this today with the Javascript API and some DOM manipulation. Maybe even linking an ImageRotator with an FLVPlayer via Javascript would be OK. But it seems like a plugin implementation in Flash might be a more solid alternative.

I've considered writing one, but I see in the JW Player Roadmap (item #326) that someone's already done this. I don't see it on the longtailvideo site anywhere. Is this plugin, or one like it, available?

Thanks,
Larry

59 Community Answers

JW Player

User  
0 rated :

Hi Larry

I'm also looking for the same. Want to play a PPT sync and manipulated by video on JW Player. Want to make it as a plugin for JW Player. Also allow users to upload new ppt and mark sync points while they are watching the video.

thnx

JW Player

User  
0 rated :

There's no way to play a Powerpoint file in Flash

JW Player

User  
0 rated :

Yes but can you synchronize the 2 different applications and view them in some type of combo player.

JW Player

User  
0 rated :

Use Cue Points. No plugins needed.

JW Player

User  
0 rated :

i know using cue points we can sync images to the video..
but imagine the user is uploading a video (of any format) and a PPT with 10 slides, what can we make out of it?

lets put the PPT and video in separate frames, then too how to sync them?
But its amazing, that VCASMO.com have done this with perfection!!!!

JW Player

User  
0 rated :

It's really pretty simple:

1) user uploads video file, ppt file, simple list of slide-number/time.

2) simple PHP script extracts slides (if you are going to be doing a lot of these, stash them in a database)
option: extract slides on-the-fly as requested by your code from the Cue Points,

3) simple PHP script creates and injects the XMP object with the cue Points,

4) user plays video, as the cue Points are hit, the slides are requested from the server and displayed wherever/however you want.

PHP code to extract PPT slides:bc.. <?php

$app = new COM("PowerPoint.application") or die("Unable to instantiate PowerPoint");
$app->Visible = true;
$pres = $app->Presentations->Open("D:/nginx/html/Water Conservation Project.ppt") or die ("Could not open presentation");
$app->Presentations[1]->SaveAs("D:/nginx/html",18);
$app->Presentations[1]->Close();
$app->Quit();
$app = null;

?>



I also have the PHP code to create and inject the XMP object into the FLV container or into the F4V container with H.264 video if anyone is interested in developing this application further.

JW Player

User  
0 rated :

Where do i get info about cue points code. I google it but no info provide.
Thanks

Peter2006

JW Player

User  
0 rated :

Am I the only one that hates the cue points method? It couples the slide timing into the video file itself....feels too tightly bound. Wouldn't having the plugin read a text or xml file with the timing info be more flexible?

JW Player

User  
0 rated :

Cue Points = blah

He's talking about what omnisio.com was before youtube bought them, what vcasmo.com is doing now, what sonicfoundry.com runs live with silverlight, and what kaltura.com hasn't finished building yet.

JW looks like he removed it from the roadmap when he came across Mark Beharrell's plugin for it.
http://developer.longtailvideo.com/trac/ticket/326

That was 11 months ago, and I can't find that plugin anywhere.

JW Player

User  
0 rated :

I would love to put my hands on this plugin if anyone has any ideas where it is

JW Player

User  
0 rated :


OK So here's your slide plugin:

*http://willswonders.myip.org:8074/player5/Simple_Slideshow_v5.html*

JW Player

User  
0 rated :

Huge desire for the ability to sync images with time codes, based on some defined config file.

eg.
<point time='22' img='/slideshow/slide23.png'>

That way you can have a slide show div with swapping images, and a video file of the presenter playing beside the slide show.

even if the player triggered javascript events annoucing the current timecode, you could use that event to change it to the current image.

JW Player

User  
0 rated :

Here is good implementation of slides and video
http://www.omnisio.com/v/sMNRzUKdjhG/omnisio-presentation-screencast

but it is not for jw player

JW Player

User  
0 rated :

Hi, i wonder if You can help me.
Imagine Flow Plugin with thumbnails that sync slide with main video window.
The player set in autoplay mode will sequentialy play video clips from my playlist.

I mean, while the clip_1 is being played 5 seconds before it ends the thumbnail of the following clip_2 shows up under player with describtion
like "following next clip_2 !"

What do You say? is possible to create such a plugin for JW player ?

JW Player

User  
0 rated :

Hello Hobbs,

"I also have the PHP code to create and inject the XMP object into the FLV container or into the F4V container with H.264 video if anyone is interested in developing this application further."

I am interested in that application.
Php extraction of ppt slides with timing
then
flv presenter video synced to slides in another FLV container.

Could you help on that?

Thanks!

JW Player

User  
0 rated :

Hi,

I'm also very interested in this application.
I would also pay for it if it's a good starting point.

cheers
cake

JW Player

User  
0 rated :

http://willswonders.myip.org:8074/player5/Simple_Slideshow_v5.html

JW Player

User  
0 rated :

It's not working.Can't connect to that page.
Link:http://willswonders.myip.org:8074/player5/Simple_Slideshow_v5.html

Ethan Feldman

JW Player Support Agent  
0 rated :

The server is down.

These plugins are now in Beta on our website, you can view them at – http://www.longtailvideo.com/addons/plugins?q=&sort=date

JW Player

User  
0 rated :

http://www.google.com/#hl=en&source=hp&q=site%3Aadobe.com+cue+points&aq=f&aqi=&oq=&fp=8ec9ea851cee2c5b

JW Player

User  
0 rated :

why i can't see the SlideScroller?


bc.. <h5>Example</h5><div id='mediaspace'>This div will be replaced</div>

<script type='text/javascript'>
var so = new SWFObject('avnet_flashplayer/player-licensed.swf','ply','470','320','9','#ffffff');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('file', 'http://localhost/licensed_player/testvideo.mp4');
so.addVariable('image','http://www.longtailvideo.com/jw/upload/bunny.jpg');
so.addVariable('plugins', 'slidescroller-1');
so.addVariable('slidescroller.xmlPath','http://content.longtailvideo.com.s3.amazonaws.com/files/slidescroller/slidescroller.xml');
so.addVariable('slidescroller.position','bottom');
so.addVariable('slidescroller.size','150');
so.addVariable('slidescroller.highlightColor','#eeee00');
so.write('mediaspace');
</script>

Ethan Feldman

JW Player Support Agent  
0 rated :

Can you provide a link to where you are running this?

JW Player

User  
0 rated :

putted my code on a simple html-page,

http://users.skynet.be/joriswindey/testPlayer.html

JW Player

User  
0 rated :

it's because i was using a licensed player i guess?

Ethan Feldman

JW Player Support Agent  
0 rated :

It seems to be working fine.

However, this image is missing – http://hostingerrors.isp.belgacom.be/Errors.cgi?url=http://users.skynet.be/videos/8.jpg

JW Player

User  
0 rated :

It's not working fine!

the second one doesn't show the slidescroller (only empty spot, thats because i use licensed version?), i can't use another plugin with this one?, and if i download the xml file the example is using, and use that on my localpage,
i cant get it to work :(.

And have u any idea when the beta turns into final version?
Thx

Ethan Feldman

JW Player Support Agent  
0 rated :

Sorry, you are right.

It is still in beta, so it is not in the licensed plugins repository yet.

I am not sure when it will be the final version.

To use the licensed player with the plugin, for now, you can do this:

so.addVariable('plugins', 'http://plugins.longtailvideo.com/5/slidescroller/slidescroller-1.swf');

JW Player

User  
0 rated :

Thx Ethan,

but still it won't work with my licensed player (and my own made pluging that works with my licensed_player aint working with the standard one so i can't check wheter the work combined :(, fault in the licensed version??).

I updated my testpage to show u, and also when i use a local xml-file the plugin won't work even not with the standard player.


And a little bug i see is that when i click on a image(slide), the slider goes to the left image of the one I clicked (not always but sometimes).

Ethan Feldman

JW Player Support Agent  
0 rated :

Hmm, now I get a Flash Debug Player Error when loading the page:

Error #2044: Unhandled securityError:. text=Error #2048: Security sandbox violation: http://plugins.longtailvideo.com/5/slidescroller/slidescroller-1.swf cannot load data from http://content.longtailvideo.com.s3.amazonaws.com/files/slidescroller/slidescroller.xml.
	at com.learningapi.slidesyncplugin::SlideLoader/loadXML()
	at com.learningapi.slidesyncplugin::Slidegallery/initPlugin()
	at com.longtailvideo.jwplayer.controller::PlayerSetup/initPlugins()
	at com.longtailvideo.jwplayer.controller::TaskQueue/nextTask()
	at com.longtailvideo.jwplayer.controller::TaskQueue/success()
	at flash.events::EventDispatcher/dispatchEventFunction()
	at flash.events::EventDispatcher/dispatchEvent()
	at com.longtailvideo.jwplayer.events::GlobalEventDispatcher/dispatchEvent()
	at com.longtailvideo.jwplayer.model::Playlist/load()
	at com.longtailvideo.jwplayer.controller::PlayerSetup/loadPlaylist()
	at com.longtailvideo.jwplayer.controller::TaskQueue/nextTask()
	at com.longtailvideo.jwplayer.controller::TaskQueue/success()
	at flash.events::EventDispatcher/dispatchEventFunction()
	at flash.events::EventDispatcher/dispatchEvent()
	at com.longtailvideo.jwplayer.controller::PluginLoader/checkComplete()
	at com.longtailvideo.jwplayer.controller::PluginLoader/loadSuccess()
	at flash.events::EventDispatcher/dispatchEventFunction()
	at flash.events::EventDispatcher/dispatchEvent()
	at com.longtailvideo.jwplayer.utils::AssetLoader/loadComplete()

JW Player

User  
0 rated :

bc.. And a little bug i see is that when i click on a image(slide), the slider goes to the left image of the one I clicked (not always but sometimes).


This is due to the locations of keyframes in the encoded file. When using HTTP for delivery, the player can only seek to spots where a keyframe exists. It'll pick the nearest one prior to the timecode you've selected. If your encoding includes sparse keyframes, this can make the slideshow awkward to navigate. Typically, having keyframes every couple of seconds works well.

If you're streaming with RTMP, this limitation seems to go away - it will seek to wherever you want.

Larry

JW Player

User  
0 rated :

Quick question, by accessing the source file can I tell the slidesync plugin to appear in a different div? or will that cause a meltdown? :O

JW Player

User  
0 rated :

Any news about the release of the commercial version?

Thx

JW Player

User  
0 rated :

We're currently using vcasmo, but it seems silly there's no plugin for this yet. Interested in paying for it if someone has a bulletproof solution.

Ethan Feldman

JW Player Support Agent  
0 rated :

@rebekah – what is vcasmo?

JW Player

User  
0 rated :

@Ethan LongTail - it's online, the URL is same as the name. It allows you to upload PPTs and video and a timeline and it'll sync them. You can download the files (Flash + jpgs) and run locally or on your own server. Problem is that it's pretty locked down and if you make any layout changes it breaks. Really looking for a more flexible solution... Going to check now for the beta release.

If anyone has already created something that allows flexible layout skinnable that can run locally as well as online, I'd like to buy it. All the major video or presentation apps are pretty useless for synching 100 slides to 2 hours of video...

Ethan Feldman

JW Player Support Agent  
0 rated :

Thanks, I will take a look.

JW Player

User  
0 rated :

I m looking in this forum, but is there actually something that is working to lauch a video and a powerpoint ?

I ve seen some nice exemple on internet using apparently longtail but i can t thing the plugin ...

If any body can help me , thanks !

Ethan Feldman

JW Player Support Agent  
0 rated :

@seizart – http://www.longtailvideo.com/addons/plugins/137/SlideSync is the best option for you.

JW Player

User  
0 rated :

I have something that I created; you can take a look at it. It's really an entire management system in the making. http://gazelles.webvideodesk.com/growthseries/?iId=3
The system basically helps you manage your content on Amazon S3 or any FTP enabled server. It has the tools for uploading slides and marking them to a time line. I'm building an HTML5 version and doing some other good stuff. There is a link to my site at he bottom and from there you can contact me.

Ethan Feldman

JW Player Support Agent  
0 rated :

Cool, thanks for sharing.

JW Player

User  
0 rated :

Hi! The problem is that SlideScroller skips some slides, which are located with each other, when i click on it. For example when i click 2nd slide, it is going to 4rd slide. Is it problem with beta version? Thanks.

Ethan Feldman

JW Player Support Agent  
0 rated :

@Ivan_rus – Can you provide a link to where you are running this?

JW Player

User  
0 rated :

Thx Ethan, but the problem has been solved.

There is another problem. I use slideSync plugin on local machine. The code:
<script type="text/javascript">
var so = new SWFObject('player.swf',
'mpl','990','480','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('bgcolor','#444444');
so.addParam('flashvars',
'file=intro.flv&plugins=./slidesync-1.swf&slidesync.xmlPath=slideSync.xml&slidesync.position=right&slidesync.size=630&slidesync.bgcolor=#444444');
so.write('mediaspace');
</script>

Th? problem is that slides in slide area doesn't expand on full height. But when i try to run it on the server (sure, with longtailvideo server plugin's path ), it works done.

On local machine I use "slidesync-1.swf" from the http://www.learningapi.com/jwplugin/slideSyncV1.zip archive, "bin-release" folder.

Sorry for my English.

Ethan Feldman

JW Player Support Agent  
0 rated :

@Ivan_rus – Can you put up a test link somewhere? I can’t tell what’s going on without one.

JW Player

User  
0 rated :

There is my post about this problem with test links:

*http://www.longtailvideo.com/support/forums/addons/using-plugins/15466/problem-with-local-using-slidesync-plugin*

Ethan Feldman

JW Player Support Agent  
0 rated :

Both of these links work fine.

JW Player

User  
0 rated :

This is a great plugin! There are really few solutions out there that actually work well in different browsers. Any ideas on the further development of the plugin: when will it be out of Beta? Will there be more flexibility on customizing the layout in future versions?

SlideSync already a great tool and would be very interesting to see it develop further.

JW Player

User  
0 rated :

I love the look of this plugin in the examples, however I have not been able to get it to load my slides. I know I am probably overlooking something very simple, Perhaps someone could shine some light on my issue?

http://www.streamlearning.biz/OnDemand/2010/taxrelief/index.html

Ethan Feldman

JW Player Support Agent  
0 rated :

These files are missing:

http://www.streamlearning.biz/2010relief/Slide01.gif
http://www.streamlearning.biz/2010relief/Slide02.gif
http://www.streamlearning.biz/2010relief/Slide03.gif

JW Player

User  
0 rated :

But I have the xml file in the taxrelief folder and it is pointing to a subfolder in that main folder. Do i need to denote the entire directory?

www.streamlearning.biz/ondemand/2010/taxrelief/2010relief/Slide01.gif

I also am trying to use the JWembedder with these plugins with no result, but either method will work fine for me

Ethan Feldman

JW Player Support Agent  
0 rated :

I would put the full paths in your XML file to, as it is requesting those files that can’t be found as it currently is. I see the requests in Firebug. The embedder should work fine for these plugins as long as the code is correct.

JW Player

User  
0 rated :

Ok, I have gotten the embed method working now with no problem, Thanks so much for help!

I am curious there is limited coding examples for the embedder and it seems the movie does not want to load for me. Oh well I will keep playing with that part only because its easier for me to replicate

Ethan Feldman

JW Player Support Agent  
0 rated :

Np!

Here are examples of the embedder – http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/

JW Player

User  
0 rated :

Hello. I am trying out slidesync using the following embed code:

<div id="mediaspace">
<video id="myplayer" src="http://geriatrics.stanford.edu/resources/video/intercultural-1/media/100-hallenbeck-2.mp4" width="530" height="375"></video>
<script type="text/javascript">
$('#myplayer').jwplayer({
flashplayer:'../../../mediaplayer-5.4-viral/player.swf'
});
</script>
</div>


<script type='text/javascript'>
var so = new SWFObject('../../../mediaplayer-5.4-viral/player.swf','mpl','530','274','9');
so.addParam('allowfullscreen','false');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('file','http://geriatrics.stanford.edu/resources/video/intercultural-1/media/100-hallenbeck-2.mp4');
so.addVariable('image','http://geriatrics.stanford.edu/resources/video/intercultural-1/images/hallenbeck-poster.jpg');
so.addVariable('duration','03:19');
so.addVariable("screencolor", "#ffffff");

so.addVariable('plugins','slidesync-1');
so.addVariable('slidesync.xmlPath', 'http://geriatrics.stanford.edu/resources/video/intercultural-1/slide-list/chapter-2.xml');
so.addVariable("slidesync.size","310");
so.addVariable('slidesync.position', 'right');
so.addVariable('slidesync.bgcolor','#ffffff');
so.write('mediaspace');
</script>

This works great on everything except for the iPad, where I get the following error:
Result of expression '$(#myplayer').jwplayer' [undefined] is not a function.

On an iphone, I don't get the same error and the video plays. I know there is a new embed method with the latest player, but I like using this one because it allows for a different video to play for the iphone/ipad, which is nice since slidesync isn't supported for these devices. If anyone has a solution, I'd really appreciate it.

I do try to use slidesync with the new embed method, but the slides are not showing up. I believe the problem lies with the xmlPath variable here:
plugins: {
slidesync: { xmlPath: "http://geriatrics.stanford.edu/resources/video/intercultural-1/slide-list/chapter-1-b.xml", size: "310", position: "right", bgcolor: '#ffffff' }
},

Ethan Feldman

JW Player Support Agent  
0 rated :

@Hector Jaime – You need to use the new embed method for HTML5 support. That is why it your code is not working on the iPad. Can you provide a link to where you are trying the new embed method?

JW Player

User  
0 rated :

Here is a link: http://geriatrics.stanford.edu/video/intercultural-1/talk/1-intro-test.html

As you can see, the slides are not loading to the right of the video. Also, if I use the new embed method, is there a way to specify an alternate video for iphone/ipad? There's no sense in just seeing the talking head without slides, but, since it's flash-based, slide sync doesn't work on iphone/ipad?

Thanks!

Ethan Feldman

JW Player Support Agent  
0 rated :

Yes they are, just wait a few seconds.

You will have to write in alternative embed yourself if using the new embedder.

JW Player

User  
0 rated :

You are right. The slides are there and showed up right away. At work, all I see is a black square instead of slides, and they never load. I am working somewhere with a massive firewall and a slow network, so things that work in the normal world don't work very well.

Thanks for the help and responses.

Ethan Feldman

JW Player Support Agent  
0 rated :

Np. Chances are you are behind a firewall at work.

This question has received the maximum number of answers.