Sync SpeakerDeck presentations with YouTube videos
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
ptt.js
ptt.min.js

README.md

PresentationTimetable.js

PresentationTimetable.js is a jQuery plugin that syncs SpeakerDeck presentations with YouTube videos using a time/slide table.

Example Usage

	<body>
	...

	<!-- YT video container -->
	<div id="ytapiplayer"></div> 

	<!-- SpeakerDeck Presentation embed code -->
	<div id="presentation-container"><script async class="speakerdeck-embed" data-id="4fa39c8cdafde4001f02f109" data-ratio="1.299492385786802" src="//speakerdeck.com/assets/embed.js"></script></div> 

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	$(document).ready(function(){
		$.ptt({
			timetable: {'00:08':'2', '00:14':'3', '00:15':'6', '00:16':'7', '00:17':'8', '00:18':'9', '00:19':'10', '00:20':'11'},
			video_container:'ytapiplayer',
			ytvideo_url: 'http://www.youtube.com/v/gxeT8vX5FFc',
			video_width:'430',
			video_height:'393',
		});
	})
	</body>

Requirements

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Demo

Check out a demo of how PresentationTimetable works.

TODO

  • Embed SpeakerDeck through PTT
  • Support more than one Presentation/Video combo on a single page

Licensing

PresentationTimetable is released under the MIT License.