I don't know if this is the right board for this question, but I was wondering if there was a way in to make an interactive transcript in flash, like the one seen in this video (http://www.ted.com/index.php/talks/dan_ariely_asks_are_we_in_control_of_our_own_decisions.html). You basically are given a full transcript of the person speaking in the video and if you click on one sentence on the transcript it brings you to the point in the video where the speaker says the chosen sentence. Anyone have any ideas? Thanks!
i don't think this was done this way, but you can get the same exact effect in Flash using CuePoints.
the type of CuePoints you use for this are Navigation Cue Points.
You CAN add Cue Points at run-time using AS, but i think it is so much better and exacting to add them while you are encoding your FLV. Flash Video Encoder makes this very easy. Set a Cue point for each 'sentence' or wahtever action happens in the video. each CuePoint is given a name for reference, you can think of them as 'instance names' .
create your 'interactive Transcript", with each "sentence" being having an invisible button over it ( alpha = 0 ), that upon rollover, show us as alpha= .25. when clicked, the video tkaes you to that point.
the only big notes to consider is that the video ( flv) has to have downloaded up to the navigation point before you can navigate to it. the example you showed might have been streanmed rather tha downloaded. the difference lies in your host and hosting plan.
i've written before on Cue POints. you can search old posts, or ask for any specific help, and i'll be glad to guide you through it. i will post an example of this shortly
here is a simple example of this in action, using Flash CuePoints.
i added 4 cue points. you can click on the text and go to the line. for illustrations point, and because this is progressively downloaded, and not streamed, i added a load bar underneath the video,and placed 4 lines under the load bar to approximate where the navigation cue points take you too ( remember, you need to prog load at least up to the cue point before it becomes effective). this gives you good visual cues as to what is going on...
i posted a 'raw' SWF ( not contained in HTML), so it will be as large as your browser window is - resize down to watch at normal size....
this can all be explained rather easily.....
Thanks so much for that info, you are extremely helpful! I'm going to try it out tomorrow and let you know if I have any other questions. Thanks!
I've never used cue points before and don't really know where to start. Could you give me step by step directions on how to you did the video you posted? Thanks so much
you first need to place the Cue Points to your video. I feel the best way to do that is when you are encoding your video to FLV. the Flash Video Encoder that comes with Flash does a perfectly acceptable job of both encoding FLVs, and placing Cue Points where you want them.
Open up Flash Video Encoder, drag your video into the container, clickon it to highlight it, and then click "settings". a new window pops up. from there you can choose your video and audio compression settings. for video, using On2 VP6 video codec seems fine, and put your quality at medium is good for most purposes ( choose high if you have a alot more motion ( sports, dance, etc ..) ).
now choose Cue Points. navigate to the first point in the video that you want to place a Cue Point. hit the 'plus' button to add the cue point. give it an obvious name, and choose the Type ( Event or Navigation). for our purposes we choose Navigation. repeat for all your cue points. hit OK. go back to main window and hit "Start Queue" this will encode your video to FLV with embedded Cue Points.
for my example, i named the cue points by the first words in the sentence. therfore my first cue point is " youknow ", my second " ofcourse" third is "insmart" and fourth was "thebirds"
now open up your Flash file. from the Component Panel, drag out a FLVPlayback Component to the stage. give it an instance name of "vidPlayer" .
using the type tool. type the first sentence that coresponds to the first cue point. my first sentence was " You know its a real thrill to be doing these shows from NY". to make it easy, i turned that into a Button Symbol, and made the 'Over' state highlight(darken) the sentence. this button i gave an instance name of "youknow" which IS THE SAME name as the corresponding Cue Point. by keeping the names the same, i can take advantage of some 'modular' coding,saving a lot of work, especially if this would turm out to have lots of sentences/buttons/cue-points. you'll see a little later.
do this for the other sentences: turn them into buttons and give them instance names, the same names as the cue points
now to add the AS3 code. first you need to import these three Classes ( just copy them to the top of the Actions panel) :
the next line of code tells the video player "vidPlayer" what video ( source ) to play. my video was "george1.flv"
next, add event listeners to all your buttons. this code is 'long-hand' . you could create an array if you know how, to save a .lot of lines of code
next add the function called on by clicking one of the buttons. the code tells the video player (vidPlayer) to go to and play the corresponding cue point ( this is why the buttons were named the same thing as the cue points).
that is really it for the example i posted at ww.demetri-media.com/Sven/InteractiveTranscript.swf the only difference was that i also dragged out from the Component panel a "Seek Bar" and i placed lines so you could see approximately where the cue points lie on the seek bar.
as noted, the video must download at least up to the cue point before the function can call upon them.
also, as you create your Flash file ( the fla ) , you need to save it first before you can test it. make sure the refernece path to the video is correct.
i hope that helps. let me know how it goes...