WWDC2004 Session 711

Transcript

Kind: captions Language: en good morning thanks for waking up with us this morning and coming to check out this great session this is session number seven eleven enhanced learning with QuickTime and I'm very happy to introduce our speaker he was one of the most highly critically acclaimed speakers last year so it was a no-brainer to invite him back so I'd like to introduce to you David Egbert [Applause] okay Oh how's this great all right here we go certainly a pleasure to be with you today to talk about QuickTime and using QuickTime to hands learning before we get started tonight kind of see how many of you are from an educational institution all right great how many of you are from a company that builds instructional software okay thank you okay that's great thanks for being here today I hope hopefully I'll have some things to show you that can be extremely useful for you and your you and your company or institution let's see I'm from Brigham Young University and from the Center for instructional design the Center for instructional design is the center set up for faculty at our University we do instructional design consultation and multimedia production do everything from showing faculty how to use email and PowerPoint to building rich internet applications instructional software commercial applications and those sort of things today we're going to be talking about QuickTime and right off the top I want to show you some examples some of the things that we've done over the years to help enhance the learning process we'll also be talking well the first part will be a broad range of examples from very simple things to a few complex things after that I'd like to kind of drill down and focus in on synchronized lectures or synchronized presentations this is one area that I think is has real potential in QuickTime there are some advantages of using QuickTime versus other technologies and we'll talk about that today in our discussion also talk about some tips and tricks of how to make your workflow a little more efficient when you're creating these materials also talk about of course the authoring tools that are available and probably most important I'm going to step I'm going to go through step by step through some scenarios of what you might encounter and putting some of these things together and we'll be using all kinds of different tools so without further ado let's look at some examples could we switch to the laptop please okay here we go now this is an old wee oldie but a goodie probably about four years old that we created and it's been remodeled using some modern tools this is a picture of Mona Lisa right and did you know that the painter of the Mona Lisa Leonardo da Vinci let's get it going here there we go look at that resemblance isn't that kind of spooky a a professor requested this and originally we did this in another authoring tool but this is a great example of being able to compare and contrast right you've got two images you want to compare them wow this is great so we brought the Mona Lisa into Photoshop put Leonardo DaVinci right on top safe throughout its two images brought in into iPhoto and saved it out as a QuickTime movie that allowed us to put that transition in there so it was really easy to be able to do this now the professor loves this because in the past the professor had transparencies right these flip of the transparencies in and out trying to get it to line up for whatever it just didn't work right but now with the projector in the classroom and the computer they can pull this up and use it in the classroom the professor also has this in his online course so the students can go back and kind of fool around with it as well so just a quick and easy way to be able to compare and contrast two different images let's go here's something a little bit more advanced this was done for a 'cimmanon cinematography class where they wanted to show the students the difference between an unrestored and a restored video clip so if we open this up here we go oh yes so there's the unrestored version did we click this button we get the restored version if you click back here we get the old version right I asked if I get asked for this is something QuickTime does extremely well and that is the ability has swapped cracked-out video track audio tracks it's really easy to do this inside from the authoring tools that are available yes for quick time this is really hard to do in other technologies especially the fact that when you click that button it's sinking its frame level accuracy thinking it's swapping out those tracks right at the frame yeah it's great so let's look at another example here's another one a professor brought in a series of images that they had taken shooting some flames now each one of those quadrants they've added a little bit different property to the flame and they wanted to be able to analyze all the flames at the same time so what we did here is that these are all image sequences right so we brought in each created a separate movie for each one of those and then we combine all the movies together right and now they're playing together with frame accurate synchronicity altogether now we added a little twist to this they also wanted to be able to take this little square here and move it around and analyze this that specific portion of that little flame right so we after we we actually created most of that we created the frames with QuickTime Player Pro we added a little timecode track so they could stop the clip at any point and just analyze that still frame and then we brought in the live stage to be able to add the interactivity that we could move around that little square so they could analyze a specific portion of that flame not not terribly tough as far as the authoring is concerned let's move on here's a digitized film strip we've got all kinds of film strips you know what the audio cassettes in in our libraries this one let's bring it up there we go this one's in Russian and the students were required to check out the film strip and the cassette tape from our LRC and this thing was deteriorating really fast so they wanted to archive it and and and just save the original version and make this available digitally we created this we digitized this we scan the slides we re digitize the cassette and put this together with QuickTime Player Pro it was a terribly tough not going to show you how to do this today now there were some copyright issues and things like that and fortunately in our on our campus we have a copyright and licensing office so we don't have to worry about the copyright issues they do so once it's cleared we have to go ahead to go ahead and digitize these materials so this is a great example of being able to repurpose materials to make it available in digital form so that the originals will be archived and safe just another that was another great example also of language learning you got to learn foreign languages you've got to listen and you've got to know listen to the native voice here's another language learning example this is another oldie this is about four years old here's a video clip that has sound like a DVD right you've got the French audio you've got with the English audio and again you can swap the tracks at any time while you're viewing the trip the clip at all seriously doing a little beautiful that's what we agreed you just let me feel yeah what a great way to be able to learn a foreign language we starting out learning a foreign language you can flip through the tracks there's also an english subtitle you can turn the subtitle off if you want or not so you can listen to the french and read the english try to get that going or listen to the english audio just another thing that QuickTime does extremely well and that is that swapping of the tracks okay here's another really simple example professor this is an entry-level class and the professor was tired of bringing the students into the lab every single class putting that steel rod in that machine and and showing the students how that gets stretched and what's going on here so what we did is we recorded the click the experiment and added a little flash track down here that shows what the meteors are doing this is great because this frees up the the lab for the higher level classes for their experiments right and it still gives the students the ability to kind of see what's going on with the steel the professor uses this in the classroom and again makes that available in his online course so the students can check it out and review it later on another great pretty simple way to to create an instructional object okay all right this was done for another professor this is using this professor wanted to combine assessment with the video clips kind of wanted to help the students a little bit in helping to retain some of the information they did so what we did is we created this is just a QuickTime movie with an H ref track at the very end the all of you if you skip to the very end is going it has an H ref track that takes you to of question an assessment piece right now this is self assessment the student just comes in here and can check their answers but nonetheless this is another technique that you can use to help your students help them comprehend let's go of the materials that you're doing this is kind of a template that we created for them and then the professor went and and took their settings and created a whole website this is an advice get to the end here there's just a little HRF track that at the very end takes you to an assessment piece again not very difficult to do and we'll show you how to create a H ref tracks here in just a minute all right here's another fun little example this one's 24 kilobytes it's a little drill in practice computers are great for drill in practice because they never get tired right so sometimes they call it drill and kill so here you see you're I'm supposed to supposed to find an interval here Gog on it let's see here let's get one right what's cool about this is that it leverages the QuickTime well the QuickTime instruments kind of the MIDI playback that's inside of QuickTime so it's extremely lightweight and it has all kinds of potential we've got some really interesting examples in testing with music and things like that this one also you can test the interval as you again this was done with live stage and it leverages those QuickTime instruments which makes it really lightweight so the students can just drill and kill til the cows come home alright here's another one this one's a listening guide originally this was done in flash it was like flash 2 or something flash 3 but we brought it into QuickTime because it seemed at the time it seemed to perform just a little bit better so what this is is a listening guide right we've got the Beethoven sniff going in the background we've got some visual information it's also interactive so if you want to just skip to the French horns terrific or if ol let's let's see what was this what's the coda sound like a professor can use this in the classroom right and in the past the students had a set of CDs and the workbook and they'd have to find the track on the CD player and look in the right page and kind of sync them up as they're learning now we can do that on the screen right and it's interactive so they can jump through and you can use this in all kinds of different ways [Music] again pretty easy to put together in flash here's another one video of course is great for performance analysis can you hear that now [Music] performance analysis Peschel ii when a movement is involved right so what we have here is the professor just sitting by the camera with the microphone videotaping this student keep your feet giving some feedback as they're dancing this looks this is great because the professor really loves this and the technologist come down now that we don't have to do anything now the professor knows the whole workflow as students helping me shoot this the video clip back every the first of course is the broken up into units and every single unit the end of the unit every single student in the class it's moving video feedback and the students love that they can go through and review that clip multiple times and it just makes it a little bit more convenient for the student as well all them all the video clips are up online on the on the course site and a great simple it's really not that high-tech just sitting by the camera offering you know feedback after dancing great example of kind of a low threshold of technology that you can use okay let's see what else we got okay time-lapse photography is also kind of a fun turn that down a little bit of course this is really easy to do with QuickTime Player Pro you just there's an option in there that you can import an image sequence after we did this with up next the next grab what we're going to do is actually put the times in there and maybe add a chapter track or something that you could kind of jump through specific times all kinds of interesting things there okay so we kind of got our broad range now let me show you some presentations this next presentation was done in smile and what we've done is basically let's see here open it up a QuickTime Player this particular example is basically synchronizing video with slides right questions but we've added a few extra things we've added a table of contents and you can click on the table of contents the extra hand it'll go into information would be here we go that's creditors and government we also have a chapter track down here another element jump to a specific place the LA chapter track what is and we have a caption as well and I'll show you how to put this together but the advantage of using smile of course is that it's a text-based markup language so editing this material it's really easy just go in and change some of the parameters in the text and those things are immediately changed this particular example also I'll make available at least the source code for the smile piece as a download so if you want to check it out and kind of see how all those things are put together you have access to that as well so there's an example with smile here's the here's the example of the same thing as an href track using H ref track and using HTML frames instead this is another advantage now if the professor has a lot of HTML files that you want synchronized this is a great weight way to do that I'm sorry that the audio isn't Clyde's loves again you have a chapter track here so if you want to jump to a specific page in order for you to make an Intel where we go thank you this vision which by the way and this is extremely lightweight because you know it's just HTML over and this is a frame here terms of your stock so it makes it also that you can embed other materials Lash files other movie clips those kinds of things there something about and we'll show you how to put together in each rec track presentation looking at one okay now this I really want to show you this one classes as enough sorry about the audio I really this one is just one slide it's just very short but I want you to pay attention to the quality of the video I'm going to return to this later in some slides this particular professor really wanted us to shoot him inside the classroom and I think there's some disadvantages of doing that one is that the lighting was extremely challenging my office the other one you just missed it there but the student is actually answering a question and at the time we weren't set up with the proper miking and things like that this is kind of a lessons learned example also with this particular piece the the content he's talking with the students well I'll leave it to another slide another thing that it does measuring this is so there's shooting a professor inside the classroom let's let's look at and let's contrast that with another we talked in an earlier presentation this presentation antifreeze was shot in a studio but while the professor is reading a script often tell a promising your information and there's some we talk reasons why we really prefer the indirect and we'll discuss it here shortly logical sequence and structure this particular piece was created in live State and one thing we really like about live stage is the ability to sync this right down also want to decide have a nice GUI to the frame levels it has those three elements and then talk about how to implement those three elements in a good please again we have a chapter track down here so we can jump to specific points in this P elements is everything let's just go down to agenda ready to move to the fourth part of the preview and that is the agenda statement of the agenda is just a listing of the main points that we're going to talk about okay great let's see let's show you one more this is kind of over the top particularly what is statistics you know I really hate to say it objectives are what you define this particular professor is kind of boring its statistics and the students we're getting really bored so one thing that we did is that we enabled multi-speed control and the students loved this and it was break a religion fighting for the lead again this is really cool because you know our human mind we can comprehend hundreds of words per minute right and yet a lot of times we're just stuck on one speed so this allows the students X to get through more material in the same timeframe right will be another thing is you have to kind of focus on what the person saying as they're speaking to that so helps the students kind of focus in on the content using rational argument and logic I want to show you how to do this today I think this is this is really important I think we guys can really benefit from what's going on here probably very cold now this was done a live stage - and this has a few more well it has a table of contents again and some extra buttons and links to different things and this one actually later on and the presentation has some areas where the presentation stops and you have to answer a few questions and then continue on there's all kinds of great things you can do inside the video clip itself now one thing that I haven't mentioned yet is that these slides here are still slides right we're not talking hundreds of frames per second it's a still slide that lasts for you know X amount a second so these can be extremely lightweight and of course it's all inside a QuickTime movie so it makes it really easy to make this thing portable and transport around we throw this on a CD we can throw it up on the webpage there's all kinds of interesting things we can do once it's a QuickTime movie so I think that adds to the kind of the dog and pony show here can we go back to slides please okay here we go so let's talk about why you would want to create synchronized lectures you know it takes some time and it takes some resources so there better be some important reasons why that we spend the amount of time and money to do these things of course probably the number one thing is that a sport supports different learning styles students out there learn in different ways some learn more by listening some learn more by viewing visuals some learn more by just reading and we want to be able to accommodate those different learning learning styles I think some of the things I show today help accommodate those things it also involves more of the senses there are studies that show that when you involve more of the senses in the learning process that the students retain that information better and and definitely we're using a lot of senses when we're creating these types of presentations probably the number one feedback from the students is that it's convenient and it's flexible in the past they've had to go to these lectures at specific set times now that in a lot of our classes what we do is we do kind of a hybrid model where half you know the class met two times a week now they only meet one times one time a week and that other class time they are assigned to go through these lectures to synchronize lectures that allows them at the other time that there's a meet in class to do more active group type activities more active learning type activities in the classroom and students really love that they can focus in on the content a lot of times in the lectures when you're a live lecture they're students that ask really stupid questions and hold the rest of the class back now if there's a question a lot of times the students can go and review those materials again and again in the lecture and if they still don't get it then they can ask the professor online it kind of kind of helps on in time and not wasting everybody's time in the press in the lecture of course you can review multiple sections you can jump straight to content so if you have a phone call and then you want to get back to your lesson you can jump straight to the that lesson and there are some ways that you can make it sir trouble as well let's see what else we got here so what kind of features are we looking for we took a really hard look at what kind of features we wanted in a synchronized lecture and we did a pretty good survey I think even building some of our own little things in different architectures and and this is kind of the list that we came up with it has to be cross-platform all too often especially are not IT department it's always windows only and they forget about that there's other operating systems out there especially the Macintosh and so we want to make this thing it's cross-platform as possible and most of our users are using either Windows or Macintosh on campus and so QuickTime is just a natural fit for that we want full transport control we want to be able to stop that at any moment we want to be able to jump to specific points we want full transport control we want at a nice table of content that the student can navigate so they know exactly where they are and they can jump specific points we of course we want the slides and the audio and video to be synchronized and we want the synchronization to be tight we don't want it after a second after they've talking about it to have materials show up we want synchronicity we want synchronicity compliant with accessibility standards that's a very important thing for us as well of course you should be familiar with section 508 and also the accessibility guidelines by the wc3 I have some more slides on that later let's say we need a progress indicator we need to let students know how long this particular lecture is and where they are in that particular lecture we also need to stand we need support it needs to be flexible enough that we can create a single lesson or we can combine multiple lessons in a single file and probably most importantly we need options to be able to deploy this how many of you are familiar with acacia it's well there's some patent suits going on right now and some educational institutions are being sued because of these patent suits that have to do with distributing video online now they're going after cellphone and satellite companies and all kinds of interesting things it's going to be very seeing how this plays out but we want some options to be able to bypass some of these legal issues that are currently available are currently there here's some of the things that we looked at we looked a breeze of course that the architecture breeze is it's built off a flash communication server has all kinds of really interesting things but we found that you know we we already have a sort of we have a of course management system blackboard that we use on campus that's kind of the direction we got so there's all kinds of bells and whistles that we really don't need inside a breeze plus you know the pricing is a little steep right now and we wanted to look for other solutions Microsoft producer is another solution that's out there but of course it's its windows only there was a short time frame or Internet Explorer for Mac was compatible but since that's gotten the ax it really is a non solution for us in Pataca and also flash MX 2004 our other solutions that are out there incidentally flash is really pushing hard their video solution and we've kind of hit the wall with some of the some issues maybe you have to with trying to synchronize things especially to the frame level it we we ended up having to basically keyframe every frame in the video clip they'd be able to jump to specific points love to talk to anybody about that if you want to afterwards all right so why QuickTime well of probably number one on there is high quality we have so much flexibility in there that it really allows us to kind of fine-tune things and we just notice with our flash developers and the QuickTime developers that we can get them actually a higher quality out of the QuickTime stuff is it's a of course a cross-platform solution and I really like the tracks track based architecture that makes it so easy to be able to put these kinds of materials together and I'll show you some development here shortly another great thing is that QuickTime has frame level synchronization you can synchronize things down to the frame and it usually it's just rock-solid a long history of cd-rom and web support BIRT supports a single plugin instead of collection products that's very important to us we really want to keep the support costs low with all the products that we released there's always a support cost that's attached to that we need to be really careful with that there are some issues that you should be aware of probably the toughest thing for our students is some students is the install process there's just like I can't remember how many of there are now 13 14 steps and some of the technophobes out there are scared to death they don't know what any of these screens mean stuff so you just need to be prepared just kind of stepping through the process of course you know those techno guys out there the techno folks usually have no problem installing QuickTime they just click through right there's also the nag screen occasionally we'll put things in the QuickTime Player and some of the some of the technophobes just don't know what to do once screens up there why do I not and we kind of need to help step them through the process now most of the stuff we do nowadays is through the QuickTime plug-in which that next screen only shows once when you make the install and then it doesn't show again if you're using the plug-in so a lot of the stuff we do even on cd-rom will actually just put it in a web environment okay here's kind of a process that we use to create synchronized lectures of referring well first we have them create a script I think this is really important there's all kinds of noise we really feel that there's all kinds of noise when we shoot in a live a live setting it may save time but I think in the long run if you bring the faculty member in at the studio you get a nice you get a more clear message and so we have the professor created script of course that script goes through a review process once the script is finalized we actually create the slides after the script is done so it saves us time on that once the slides are done we usually use PowerPoint that seems to be very popular we'll talk more about that here later we after we create the slides and the script we create a document that has all that information in it and we go into the studio we shoot professor the professor is reading the scripts or if they're off the teleprompter or if they're really good they just kind of recite it by memory after that we create an interface we create a caption the caption is really easy in this kind of workflow because you already have the script right then we add an interface we sync the Flies together add a caption add an index and index basically is the chapter tracked prep for deployment and then we deploy it now after this we have also an evaluation process we have student surveys make sure that the materials that we creator actually do conferencing the objectives that we've set out since this is a development forum I skipped all that stuff okay so when we create a script you slated in Microsoft Word and something very important to the developers is they actually label when the slides are it's extremely helpful for us okay when we acquire the slides usually it's through PowerPoint and there's an interesting issue with PowerPoint most of the professors like to use one slide with multiple bullet points right and they use a custom animation to show the points one at a time well we want to be able to export that out into still images and of course QuickTime supports all kinds of different image formats so you just need to export to one of those that that fit usually you found that you need to export those slides on the same machine that was authored that you just usually simplifies if you don't have the fonts of course there's font substitution that comes in there's cross-platform issues especially with the latest version of Microsoft Office for OS 10 has all kinds of really cool graphics features you can the Alpha channels is extremely important to us and it supports that and the Windows doesn't do a great job with that so usually we like to export on the same machine now at the Macintosh picked format can also use vector text but when you save out those slides as Macintosh pick you have to make sure that wherever you deploy that particular presentation they have to have those same fonts so usually for simplicity we just export out as pink now returning back to the issue of how do you capture the slides if all the bullet point you want all the bullet points to be separate well we took a look at that and we decided that we were going to create an Apple script so we have an Apple script that you can connect up to snaps Pro so basically you just set snaps Pro up with the the file format you want to save it as and the size and everything and bring up the presentation and and let Apple script go through alpha script will drive the presentation in full-screen and snaps Pro will take a picture of every single slide that you've got we found that to be extremely useful so the end of the presentation I'll show you a link where you can download that and use that if you'd like okay so after after the slides we capture the video you do have the option to record in the class but we found that kind of the noise to learning or noise to content levels pretty high inside of well in a live setting also there's lighting issues that you really want to you really want to bring this person in the studio to get a good quality video clip now I guess there's also issues on whether you use talking head or whether you skip the talking head and just use audio for some reasons to use talking head is if the professor is is using a lot of body language you know nonverbal communication accounts for like I guess studies show that 55 percent of the presentation is dependent on or is impacted by the nonverbal language that's going on in the presentation so some professors you'll probably want to use video and other professors should probably don't want to use video so that's kind of a judgment call that you'll need to make of course not using video you've reduced the size significantly of the presentation so there's some things to look at of course you want to use proper line lighting you want to use a closed microphone so you can capture the audio nice and clear sometimes we've we've experimented with capturing straight too a compressed format using a broadcaster or some other tool we actually found a way to hack Final Cut Pro 2 to capture in Sorenson video I stick to the standard of methods of capturing the tape dumping that down and compressing from a high res file it does a better job refri of course we do pre-processing when you squeeze cleaner and compressor it just depends on the project and what resources are available at the time after that we create the interface of course we use Photoshop we we leverage layers very important concept for us helps maximize things of course there's all kinds of cool non destructive things that you can do effects and things that you can do in Photoshop that we lack the leverage and this is just a simple interface that we threw together we have a portion for the video we have a portion for the slides and we just kind of put a skin on it creating a caption this is again very important for education and why you might want to do that the government of course has come out with section 508 which are a set of guidelines for all of their products that they need to be they need to account for accessibility of basically for video we need to accommodate a few things for the visually challenged we need to add some kind of an equivalent like an audio track for the for the hearing-impaired we need to excuse me we need to be able to we need to be able to show captions and provide some kind of a text equivalent right and also the w3c has come out with some guidelines as well that we need to account for so how do you go about doing this inside a QuickTime well because of the track based architecture text tracks is one of the track types that you can use and so we actually do a lot of our captioning just by hand pulling up QuickTime Player pulling up Microsoft Word and going through and and typing those things in there are some applications out there that are available that can kind of help streamline things magpie is a free utility that's out there by WGBH that's build off of Java so it's crafts platform and it does a pretty good job it's you're actually a terrific application especially because it's free that allow you to go through and mark times and then at the very end well as you mark times in the video clip you can add your your text the text that needs to go there and at the very end you can export that as a QuickTime movie we'll kind of go through the process of creating some of these things here shortly but tech station and go live and live stage all have options as well that allow you to create captions and we'll go through the process of creating some of those things here shortly how we doing oh okay I'm going to just win through some of this stuff here here we go indexing indexing is very important we want to be able to jump through to specific points in a movie usually we do that through tractor tracks you can also create a visual table of contents and there are some facility out there there is facility out there to do do searchable tracks okay here we go so I'm going to show you how to create synchronized presentations and all of these different solutions here QuickTime Player Pro Smile live stage and go live and can we go back to oh this is good Wow hey guess what okay so let's see let's start off by using smile no I take that back let's use QuickTime Player Pro we're going to create that slideshow that the Russian slideshow in QuickTime Player basically what we're going to do you need to have Pro to do this is here's the audio track and here are the slides I'm just going to open up the first five slides or so in QuickTime Player here we go okay first thing I'm going to do is I'm going to copy this slide to the clipboard so here we go copy then I'm going to go to the audio track and I'm going to hold down the shift key now this is a great example because there's actually a beep that tells me when the slot next slide is excuse me so what I'm going to do is I'm going to play this clip I'm going to hold down the shift key what that does is as the movie is playing it's going to select that portion that it just played so here we go aha okay so now I've just selected that portion that slides on the clipboard now what I'm going to do is come under here and choose add scale and what that does is that adds that particular slide to that duration in the in the movie clip now we're at the very end of that clip so we don't see it that's fine what I'm going to do now is do command B which will take the both selection points and put them right at the point where I just stopped I'm going to hold down the shift key again play to the next slide whew okay right there and let's go to slide two we're going to copy this to the clipboard and then I'm going to choose that scale okay now that just added that slide to the selection that's that's made available right there so I'm going to do command B and we're going to do this one more time I'll put you to do stuff Caillou I need you you don't put your rounds I do is round cook okay and slide three let's find slide three cocky and scaled okay pretty straightforward the only disadvantage of this is if you screw up you kind of have to do undo and back up a little bit see what's going on but here let me just show you what that looks like now that's cool those thing that old lady Plus Wow magic okay good night not bad huh kind of little straightforward okay so basically that's doing kind of a presentation in QuickTime Player Pro I guess what I could have done is added a caption I'll have to skip that today we're kind of running short on time so let's move to smile let me open up this presentation right here here's our smile file and can you see that is that that kind of small let me see if I can zoom in real quick okay let's go through kind of what's going on here so for smile of course it's it's based off of XML so we need to make sure that our our tags are all straight and that we've got ending brackets and everything at the very beginning here we kind of setup smile and then we set set it names an XML namespace here or what kind of code we're using QuickTime has all kinds of interesting QuickTime specific tags that you can use then you can see some of these right at the very top we're going to set the autoplay to true we're going to add a time slider we're going to get immediate instantiation kind of means to this movie wait till everything gets loaded before it plays or can it kind of like fast start start playing before things are completely loaded and we're using a chapter track in here and so there's a chapter track mode that we need to set for all which means this whole movie clip gets the same chapter track after that we have a header here and in the header we get to put semana patience these actually show up as QuickTime annotations and there's a whole set of different parameters that you can set there in the layout area this is kind of where we set up visually what's going to be happening in this smile file and so we set up a route layout that's the the basic dimensions of the whole file and then inside that route loud layout we can put in regions and these regions are the different containers that we have for the different objects in there so we have a reason for the backdrop we have a region for the video we have a region for the slides and also the transcript after that this is kind of crazy this is kind of a solution we came up with for for the navigation the table of contents we actually set up a region for every single chapter point that's there in the table of contents kind of crazy I think there's been some fixes now with QuickTime text that you can actually just put one line of text in there instead but we just set up regions in each region as each region has a specific area also right right beside the region there is a little pointer a little dot that tells you what chapter that you're on we actually set up a separate reason for that so let's see how am I going to do this I guess I'm going to have to do this okay let's scroll down a little bit alright here's where we start placing things the actual content in the presentation so we have the body tag and inside the body tag we have a parallel tag so in the parallel tag everything gets played at the same time so we have a background image that needs to be played at the same time and we actually sent you notice that there's an end tag here and you see that here we go the end tag says hey stretch this background image to the entire length of the video clip and we also set a chapter point this QT colon chapter those are actually the chapter tracks that get listed right and we set a duration these are actually the slides here so you have all the slides and this is a little confusing sorry about that at the very end here we have the table of contents it's actually a text in fact right let's see sorry about this this is actually text text data the quick time quick timing basically has its own little markup language for text and that's basically what you're seeing here we're saying hey show this text it's QT text show the font of a size bold with all that stuff and at the very end is the content right here start that's what actually gets shown in that particular layer we won't spend too much time on this because you can download it you can check it out for your for yourself if you like I actually wrote this by hand I just find out just a little bit easier to do a lot of times you know with HTML they the editors kind of add an extra code and stuff that kind of gets in the way that's kind of the same thing here now go live does have a smile editor and actually I like developing in that kind of the mark-up changes color and that kind of fun stuff but I kind of still kind of code by hand and hopefully this will kind of give you a good idea what's available inside a quick time okay so moving right along let's see what's next let's do href tracks real quick how much time do we have there's 12 minutes ok so here's an 8 track track this is kind of what we did to set this up we use go live go live actually has a really good QuickTime editor in it it's kind of tucked behind there's not a lot of marketing going on with the QuickTime editor inside of go live but the first thing we do with this is that we set up a web page right and this is a framed environment so we have an area where the video clip gets displayed and if I open that up here's the video clip and it's basically an embedded QuickTime movie that's there we have just a blank space here and then here's where the content is and very what's very important here you need to know the name of this frame space because when the movie is playing we tell the we tell the HRF track to say hey grab this HTML file and put it in this frame and so we need to know that frames called content so if we come over here I'm just going to double click on this video clip and it opens up the QT yet the QuickTime editor in here now there's a timeline here at the very top and we're going to show that it's one thing I really like about the live is timeline it's really nice what let's see if I can move some things around here okay so this this particular movie clip just has an audio track I'm sorry an audio track gap and a video track and what we want to do is add an H ref track so if you go over here to the there's a QuickTime properties area here and if we come down here is the href track symbol so we're going to drag an H ref track there now let's see if I can yeah oh well when you're the inspector so bring the inspector back I must select there's actually kind of a track view and then this is the sample view down below we need to select that sample view and the very beginning here we need to select that first so if I can find this real quick I don't but now we need to select the first slide so here's our slides and what I did earlier is I created an HTML page for every single slide so this is the first slide that needs to be loaded so we're going to select that we're going to select the target which is since the page is already opened in the background it puts the the frame name makes it available for me and I'm going to select Auto load URL ok so we've set up our first frame now what we need to do is I'm going to choose preview here and for some reason now that activates this little transport down here I'm going to play this clip these questions reflected here in this first problem the first one was ok right there I want to change the slide so what I'm going to do is I'm going to take my slice tool and line it up right there and create a new sample inside this H ref track now if I select that sample I can change this to slide 2 right so now I have slide 1 at the very beginning and now at that particular time it goes to slide 2 now all I do from this is I just continued on well accounting is look I think I think it goes all right about there somewhere in that area so you just keep doing this to the end of the presentation right all right so that's basically how you go ahead and put in an each rep track now you can do something very similar with a text track inside of school live let's drag it text track here oh and I need to bring this all the way back and here we have the track representation and then down below we have the samples and this is where we put the actual text so what I'm going to do here is and again you can just work linear linear linear leave I'll ask over these questions we K so you can start there and say that's what he says back it up just a little bit try it again questions reflected here in this version you get the idea and then when you apply that and then you can use the same process here of breaking up those tracks into different points and just kind of go in a linear fashion all the way through the clip and create that text track now one thing that I forgot to do is you can actually go here in the layout area and you can change the dimensions of that so if you wanted this to be there we go and we could just move that down to the bottom and I guess I should change this text here if I select the sample here I can and apply it okay now when I save this and let's go and let's see if this all works let's go over the side I think I've got here are there's some issues with my frames everyone was why is it when you see the caption is working and you also see that the HTML pages are flipping right which is business because it counting cease to provide information does that give you a good enough idea what's going on there so there's a powerful tool inside oh and there's all kinds of interesting tracks you can do you can do effects tracks and all kinds of chapter tracks is basically the same process of going through linear start at the beginning and just go all the way down your movie and add chapter tracks and so that's basically using go live we need to jump into live stage real quick live stage of course it has a powerful scripting of some powerful scripting tools in there but it also has some tools to help you create presentations basically excuse me there's a did you know that there's a synchronizer inside of live stage ok let me show you how that works ok let's create it let's create a brand new project we're going to start straight from scratch ok I'm the first thing I'm going to do once this is is up is I'm going to do command I show the movie inspector I'm just going to set right off the top my dimensions of the movie that I want to create and I'm going to erase that background then I'm going to save it this is really important because before before this I actually created a library folder and inside that library folder I put all my media that I'm going to use for this particular project this is really important because I want all my materials in that one folder so that I can transport this if I'm on different computers and stuff we want to be able to transport this around so you see the movie there's a background image in the slides or in that area so I'm going to say that one level up from that library folder and is called sample okay now once I save that if I look at the local library it's pointing to that library folder that's just been set up so now I can go ahead and I'm going to drag in my background image and I'm going to drag in the movie clip okay I'm going to position that movie clip so it's right on top of that area and if I put if I move my mouse over the duration well over the the video clip it's telling me the duration 27:22 two to one and I'm going to just this is kind of just an easy way to make the duration of the background clip the same okay so now excuse me you can see that oh hi what happened there I must have mistyped something okay there we go now we've got the background of the background has the same duration as the video clips now we're going to put the slides in now to do this what we need to do is that there's I guess a couple different ways you can do this this is how I like to do it I select all these slides then uh here we go and it's important that you select every single file if you were just to grab the folder and drag it over to this area but it does is it creates a single track for every single on those images and we don't want that so here we go so if we drag that over here what it does it creates a single picture track with all those tracks with all those pictures lined up you see other I'll lined up together okay so what we're going to do now is we're going use the synchronizer to specify at the times of all those slides so how do how do we do that we select the soundtrack down here come under movie and choose media synchronizer here's the synchronizer we get to select the source of source for the the audio a video track that we're going to synchronize to then down here we're going to select we're going to select the track that we're going to use I forgot to do something very important don't follow me follow Michael Schaff because this is his recommendation that is to name every single tract and item explicitly this can help you tremendously in your development so let me just do this real quick sorry creature of habit here okay so here are my slides there we go so now if I have selected the soundtrack and go back to the media synchronizer now I know for sure that I want to sync two slides not some other track we could be syncing the background track while we know okay so from this point we have the opportunity to click the synchronize button and what we want to do here is as we're listening to this we want to set the out point or the end point depending on where we are so let's see if we can do this we talked in an earlier presentation about how to plan a presentation I think this goes on for a little bit so I'm going to try to jumped a little bit we are going to talk about why every good kind of reviews at the very beginning here and then talk about how to implement those three elements and a good presentation so what elements okay I was right there I'm going to have that slide well naturally any message has automatically a beginning well little little late Andy okay let's just suppose oh I'm Way off occupy anyway you get the idea here that as you go through now the slides are a little bit slow we kind of put in the feedback forgets live stage to make those slides a little bigger so we can kind of figure out how we're doing well what's nice about this is that you do get to see kind of the previous slide and the next slide as you're going through and synchronizing this and you can just go through in a linear fashion all the way through your presentation to get this thing done now once it's done let's see if so once it's done if you come back here you'll notice that well once you do all of them the notes that the durations of all those have been lined up exactly where you want to go all the way through are we doing oh we've got one minute and 23 seconds so one last thing I want to show you and that is the multi multi speed control I'll show you how to set that up and to do that that's I'm just going to pull up another project okay here's how we said that we basically followed this same pattern that we just did we're synchronizing the slide oh I forgot to mention one other thing but we'll do that here shortly so we basically followed that same step this one has a whole bunch of other stuff in there but you notice that there's actually three different tracks here at the very bottom track one excuse me I'm losing my voice track one is one alpha beta power okay track two is one and a half speed power and the revolution Shack in our last lesson all right track three is two times B four mmm okay now what's going on here there's actually a slower write but what happens is that when you add your wired sprites here let's pull up our word sprites real quick in the code here for wired sprites we tell this thing okay if it's one speed well set the movie rate let's see where is this enough button there we go if this thing is when you click on the one speed button it plays one speed when you click on the one point five it speeds it up to 1.5 so the trick here is that you've got to lower the pitch of the voice so when you play one and a half speed it brings it up to the same pitch level and plays it in that fashion right understanding how that goes so with 2.5 again since the pitch was lowered and then you play it two and a half times speed it actually brings the pitch back up and plays it faster see how that works so basically use logic or I think there's all kinds of different audio apps out there that would slow in the pitch for you so you just want to make sure that the durations are still the same on your audio clips but they all have different pitches to start out with and then when you bring them in here when you create those speed buttons it brings the pitch back up and just plays it faster so the real trick here is to get the you know get what level do you bring the pitch down and we've kind of found with different people you kind of have to use different settings so it's kind of a hit and miss kind of thing but basically that's it and let's see can we go back to slides I think I got a ton I think I've got about 20 more slides but we'll skip those because we're over time so quickly cd-rom deployment of two kinds we really prefer progressive it just seems a lot more simple to do progressive than to at this point in time for us we distribute all our stuff on C ROM even in our distance ed department we do it all on cd-rom we have to actually turned out to be a silver lining because of these patent suits are going on we don't have any problems with the with the lawsuits going on right now because we already were distributing all our materials on cd-rom it just for us it just seems a little bit easier the well we'll leave it at that I'm overtime so we we actually deploy a lot of stuff on te ROM in the web browser just quickly quick and simple there's one important thing I'll put on my website that you'll need to know and that is an internet explorer if you try to develop a CD with Internet Explorer for Windows it bypasses well I guess they have a feature inside of ie for Windows that it requires the whole thing to download the whole movie has to download into the cache before it starts playing there's a workaround for that use QT source tags and all kinds interesting stuff occasionally we do deploy through HTTP but a lot of times what we do is we'll make the movies available to the students and the students can download those and burn those to CD so here's the summary QuickTime is an excellent solution for this kind of stuff there's all kinds of great advantages to do it and you know the development process isn't that bad there are different ways to create it captioning is a very important feature sorry we didn't spend more time on that indexing of course just add value to your to materials and time scale modification I think is can save a lot of time it can be very useful and here's who you can contact if you have any questions just talk to us - or Amy and that's it