(ScrnShots)">YTCuePoints ist eine neue Flashklasse von mir, die ich mit der Intension geschrieben, YouTube-Videos mit anderen Inhalten zu synchronisieren. Ein möglicher Anwendungsfall wäre z.B. ein Video einer Präsentation, während man parallel dazu die jeweiligen Folien als Bild einblendet.

Die YouTube-Flash-API hat keine Cue-Points, da man nicht direkt auf den NetStream zugreifen kann. Deshalb simuliert YTCuePoints quasi die Cue-Point-Funktionalität.

Meine Demonstration zeigt links ein Video, rechts werden Screenshots eingeblendet.

Folgende XML-Datei ist hinterlegt.

XML:
  1. >
  2.     name="This is the first CuePoint" url="assets/slide1.jpg" minutes="0" seconds="0" />
  3.     name="The second one." url="assets/slide2.jpg" minutes="0" seconds="8" />   
  4.     name="This is the third CuePoint. This is the third CuePoint. This is the third CuePoint. This is the third." url="assets/slide3.jpg" minutes="0" seconds="17" />
  5.     name="Four" url="assets/slide4.jpg" minutes="0" seconds="53" />   
  6.     name="#5#" url="assets/slide5.jpg" minutes="1" seconds="11" /> 
  7.     name="Six" url="assets/slide6.jpg" minutes="2" seconds="0" />     
  8. >

YTCuePoints is small class file that works together with the YouTube API. It's a class file that simulates the behaviour of the regular netstream cue points because they aren't accessible through the YouTube API.

Cue points are invisible markers while playing a video file which can be used to trigger external events such as loading slides, showing text, etc. at a specific time. By using YTCuePoints you can synchronize your flash content with a youtube video.

It's written in ActionScript 2 because the YouTube API is AS2-only.

Basically, you have to send the current time of the YT player to YTCuePoints. If a new cue point is available it will fire an event you can listen for.

Generelle Beispiele zur YouTube-API findet man übrigens im Archiv.

Demo: YTCuePoints
Download: YTCuePoints0.1.zip (Creative Commons)
Archiv: YouTube API