Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Sync SpeakerDeck presentations with YouTube videos
JavaScript
branch: master
Failed to load latest commit information.
README.md Added a demo to README
ptt.js Fixed SpeakerDeck API
ptt.min.js Fixed SpeakerDeck API

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.

Something went wrong with that request. Please try again.