Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
48 lines (37 sloc) 1.57 KB

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.