---
title: WWDC2003 Session 722
framework: wwdc
role: article
path: wwdc/wwdc2003-722
---

# WWDC2003 Session 722

## Transcript

Kind: captions Language: en hi everybody let's get started I'm Glen bullet on the QuickTime team you're in advanced QuickTime interactivity OneNote housekeeping note the feedback forum for QuickTime ever-popular has been moved not to cupertino but to the marina room so our speaker today you know really doesn't need an introduction in the QuickTime world Michael shafts and some amazing work and is recognized as one of the leaders in in delivering and helping developers create applications and then also helping content folks put out the most interesting interactive content there is you know he's the only person here who got special dispensation on the shoe requirement and so he's allowed to wear special sneakers so I'll let him get started and if we could keep the questions till the end and during the Q&A if you would please use the microphones and tell us you know your name and what company are with and speak really closely to the microphone so that the translators can accurately translate your question and Michael can answer appropriately thanks Michael with my loud note back there good excelente so we are going to be talking about quicktime interactivity today and what advanced means i've come to realize is a bit of a range shall we say so i'm actually going to start off maybe not quite advanced we're going to work our way over to there all right so i'm going to start off with the tool what i use a whole set of tools i should say but the tool that I use to integrate media is live stage probe the current version for one is a personal favorite of mine and it's a personal favorite of mine for many reasons but I personally am somewhat lazy so i really hate to work hard on something that I've done many times before probably many of you are the same way and so totally hip got together and they thought well how can we make developing quinter quicktime interactivity easier but still let people like me do all sorts of strange and crazy things to it and the idea came about to do what we call fast tracks and fast tracks allow you to create advanced interactivity but not have to be a rocket scientist not have to be a gearhead or a script monster and let me show you some of this stuff I'm going to start off by creating a skin fast track and I can do that a couple ways I can click on this bar right over here that will bring up a a editor for doing work with skin fast tracks and automatically quicktime excuse me quicktime live stage pro has already put in some default Media not some of my personal favorite media so I'm going to bring in some other media look I've got special media just for this event WWDC theme down here and you'll notice I have a folder down in my library window called skin now it's a couple ways I could do this I could bring in my media one piece at a time and I can say well is this a window shape note is a drag area nope is it my skin background yes definitely and right away it gets replaced or I could bring in the entire folder fast track for skins has a close button it's very valuable to put a close button if you're going to use the skin no close button confuse users confuse users are rarely happy so what I'm going to do is I'm going to grab on to this whole skin folder I'm going to bring it over here and I'm going to drop and poop everything gets swapped out for me I now have a new new close button I'll grab that and drop it over here and I've got a new full screen button and I'll grab that note the stage kind of rolls around for me and you'll notice that as I move things around there's a lot of information about what's going on and these are new features to live stage pro version 4 we thought go figure designers would like to have this information rather than have to calculate it out on their calculator so I'm going to zoom out and a lot of these in instructions are just like you would expect from Photoshop if I hold down my spacebar I get this kind of what I call an active scrubber and just like in Photoshop if I hold down my option key I can do the toggle between zoom in and out we've tried to make the tool as much like the tools that you're already using as possible reason we don't want you to work any harder than you have to there's a lot of space and quicktime interactivity let's focus in on the things that you bring to the table that are unique and not have you jumping through all types of new hoops so once i have done this i can close that out and i can see my stage over here and zoom out on that one as well scrub around and zoom back up now that's good that's a help but what about the rest of the stuff that I may want to do well okay someone took away my outline that's bad because amongst the many things that I am is forgetful so I'll be able to handle it but we might skip a point and I might come back so what I'm going to do here is I'm going to grab another fast track this one dealing with linear media linear media control I could either create it from here menu and I can come my own here and say plus going to let me do a playback controls fast track believe it or not I have used the application but we have built in a lot of redundancy so there are different ways of working with live stage pro just as there are different ways of dealing with quicktime so I've created a linear control that has has a beginning go back to the beginning rewind stop play fast forward and end and all those are pre-scripted for you so if i look at my stage I can grab on to my linear controller and drag it around or as I showed you some prematurely I can just grab on to a control and move it around in here and it will automatically resize the track for me once I've done that I'm going to bring in some not surprisingly some media that that I'm able to play I'm going to find some video and then I'm going to bring out the hip bot he's brought out quite a lot so I dragged him on the stage and again you can see all these annotations now I'm going to do something that I've done myself accidentally a number of times those my knowledge Oh Jim you are a savior thank you very much so I bring back in close button and I'm going to try this out so I press the play excuse me i press the preview which does a preview inside a live stage pro and you can see i can drag this skin around and now I go over and I click on the close button and nothing is happening and i've done this i can't tell you how many times have done this wrong and the reason is that my drag region the region that allows me to drag the window is a key component to a skin so what I'm going to do is I'm going to turn on the stage show me where that drag area is and you can see it's right here at the top right where I put my close button so first mistake that or the first thing you want to check for is when you're placing your controls is are they in an area that the window is going to be dragged from if so move them because they won't work I'm going to grab this I'm going to put this right over here and drop it I'm not going to do too much aligning because I bet you folks believe that I can align things and you don't want to watch me doing it so once I've done that let's do another preview and it builds that back up again and in a moment I can both drag and of course i can close but i don't actually want to close quite yet when you use these buttons just to prove that it can be done sorry Ryan I didn't max that out before you kill me okay so I've got these all the way up and you can see these works just like they should and that close button works now that would be great except for one thing let's say that I was trying to learn the product I actually wanted to understand not only how the product worked but I wanted to learn how to do this stuff myself what we've enabled you to do is click on a fast track and ask it to be decompiled now no bits are going to go flying off the screen so no one has to go running in any panic and notice it changed my fast track down here from one color to another and it also changed its icon over here to show me that this is now a sprite track will be talking some more about the timeline on the bottom when I open that up I can see each one of these control and exactly how they were scripted so for instance if I want to know how we're doing the fast forward I can just click on it take a look at the script and find out that onmousedown I'm doing this script not going to focus on this particular script right now I'm going to just focus on the fact that you can use the product at a high level for building fast tracks and we have a number of features that that can be built just in this drag-and-drop fashion and then once you get comfortable with them you can dive in and learn for them or you can easily eat also use them as the basis for extensions that you're going to do and far from just being a basics for beginners these are great basis for cutting down your time and production and i'll be showing some other methods that we've built in to tote into live stage pro for making things faster and easier as I've often times told Steve Steve Israel sin being the lead architect of live stage pro we on live stage pro to drive like a sports car like that need BMW car don't want to actually drive like one of those big diesel trucks all right so I've showed linear media and fast tracks a lot of new features came in on live stage 4.1 and I would be remiss if I did not tell you that there is a special discount for all of you folks out there and any attendees of this session guia calculated it out I think it's a sixty percent discount or some odd from the list price what I'm going to do is show some of the new VR features inside of live stage problem going to grab on to let's do this cubic right over here i'm going to drag and drop that actually i'm going to kill that and i'm going to turn off a six-stage there's two different ways of viewing the stage in my mind in live stage pro you can have it as a sixth stage in which case if you have already designed out your skin and you know exactly what the sizing is going to be you can enter that sizing right in here and it's all locked down handy but oftentimes you want the flexibility of having a dynamic stage where you can just move things around freely in the stage will automatically adjust for you I like dynamic things so I'm going to turn off sixth stage so I've turned off fixed size and I don't want an extra background put in so I'm going to turn that off as well I'm going to grab on to this cubic and I'm going to drop it in there okay we've got a cubic it marks down in the timeline that it is a VR and I have one node in that I can go out here and stretch its duration which occasionally you want to do if you're trying to match it up to audio that's going to be in the background I'm going to open it up and we have a brand-new VR editor with more features than I could tell you in several hours so I'm going to focus in on some of what i believe is a keys first off I love a number of the stitchers that are out there however when i create vr it's not always going to be used the same way each and every project sometimes I'll want it to be one way on one project and another way on another but I'm not going to want to go back to the original stitcher and redo all that work so what we did at totally hip was we looked at where that threshold is and what we figured was one of the things you'd like to be able to do is set in a new initial view so I'm going to have my initial view be pointing over here it's very difficult to do once I've found where I want to be able to zoom in a little bit I'm gonna set that as my initial view automatically get set and now when i open up this movie this will be the first view that i see even though the original stitcher put it out in a very different view the next thing that we wanted to be able to do was create hot spots inside a VR so that you could have a beautiful stitching but you could put new hot spots based on the particular project that you needed to get done so I'm gonna switch over to hot spots this particular VR already has a number of hot spots and you can see them right up here they have both ids and names the ids can be very helpful when your scripting you can enable and disable them and the names i'm partial of words myself so i like to be able to see that and work at that level i can also set the cursors that are associated with excuse me the cursors that are set from that hot spot when I mouse over I'm going to do a turtle for mouse over i'm going to leave the other two alone so now i'm going to create a new hot spot look around over here and i'm going to create my hot spot right over here i have different tools that i can do that i'm going to create just a simple rectangle put that right there and that pretty much obscured whatever was behind it so I'm actually change the opacity so I can see better my actual content once I've done that I'm going to change the type of action associated with that hot spot I've got different actions that I can do I can link to another note there's only one note in this VR right now so I'm not going to do that I can do a go to URL which will either trigger a browser or trigger a new movie or the ever favorites blob which is not a 1950s movie but rather the ability to have arbitrary actions associated with a spot actually going to do a go to URL here and notice again I guess we could call live stage pro the slacker aid codependent maybe I hate to look things up but I oftentimes forget syntax so we've got all the different syntax for go to URL right here for you and I'm going to choose one for a browser and is everyone watch me type know raising hands so I'm going to skip actually typing in a URL and you have you folks were all trust me as that will actually do the right thing I'm going to close that up for a moment and then what I'm going to do it didn't actually mean to close it up I'm going to do some fast tracks associated with VR now this stuff what I'm about to show these fast tracks this just that probably eight months ago would have been advanced quicktime interactivity who have been stuff that we would have gotten deeply in the scripting of how do you actually do that not these first ones which are just controls say yes i would like some new controls same type of thing here i can get new controls and bring in some new media again the folders can be used in order to get production i'm going to grab on to a pan left folder I can do them one at a time well that's the down image this is the up image this is the over image or I can click on my control and I can grab on to a folder full of images in this case pan right just drag it and drop it and it does all three of them for me at once so I've got those two out there and I'm going to turn off I share i want kilt up and down to be there actually want all them to be there so i'll just leave them alone ordinarily in a real project course i would go through and replace all these so they have the same media but i'm not going to do that right now so at that point i have my BR and i have my BR controls so if I preview this I can tilt up I can pan around and of course they still have my old controller we have the ability to set just about anything you could ever want to set in quick time and then some so I'm going to go through i'm going to say ok leave that cutie be our controller there what i'm going to do is grab that same skin track creating a new skin track you see my BR right there going to go grab it drop it poop and now i can adjust my vr I can grab on to my fat checks so I can use all this notice I've done no scripting which if you've been to some of my previous talk is impressive so I grab this and I drag this stuff around everything's been dragged and dropped to this time and now because I'm doing a demo I want to actually do something a little bit beyond that i'm going to go out and create a compass that will follow my movements around so i do that and it asks me quite politely whether i really want to do this and feel certain that i do and automatically I get a new compass now the reason why we're always supplying default Media is because we want to encourage people to experiment interactive quicktime has so many different ways of doing things that it's valuable to do experimentation it is shall we say a cultural experience do this kind of experimentation and we don't want you to have to go looking for media just because you need media we're going to pop it right in there and then if you have media you're certainly welcome to replace it in this case I'm going to leave this media alone the next piece of functionality has been oftentimes requested by users we want to make a map off to the side of our VR and we want a few things we want to be able to put nodes on that map so if you click on the map they'll go right to that node and we also want to be able to have some compass indication right on those notes now if I have one node I have a very boring map so what I'm going to do is I'm going to bring in a second node and I'm going to actually create a multi-node right inside of live stage pro you are never able to do this before before if I want to create a multi-node had to go back to my VR authoring environment create a multi-node export it come back over live stage pro look at it and see that everything works now that's gotten a lot easier all I have to do is come over to my library this by the way is my library window will be talking some more about that a little bit later and I'm going to grab an object movie now an object movie is going to be combined with a cubic movie to create a heterogeneous multi know so I drag this over and it says I can't drop it there mm-hmm nope can't drop it there but ah there you can drop it so I drop it notice that all of my fast automatically adjusted their durations because I had added this in it's a big drag for users when they get everything set up and they have their control or set at a duration of one second and they bring in their three-minute video and poof the controller lasts for one second and then it's gone which is wonderful functionality if you want to use it but if you don't it can be awfully disconcerting when your controller disappears so I've brought that in open my window back up and notice i was able to switch between the different notes i can also do that with a manual and switch back over to my cubic and now back over to my object movie I could switch back and forth and work with cubix cylinders or objects even multi-state objects which we'll be talking about some all inside of the same editor without any fuss for months now you'll have to stretch your imagination just slightly because i'm going to be having a map which is going to point off to this object movie and i'm going to create a new map fast track which is okay once again we've popped in some media for you I don't know where this actually is this map pops up often I'm going to place it now again much like Photoshop if i switch to my resize tool which he tells me is the letter T which matches up with the key that would be used in Photoshop I don't actually use that particular key in Photoshop so I never know that and now if I hold down my shift key it will constrain my aspect ratio so I have justed my map i'm going to place it and now I've got two nodes I have and I click on it and drop this anyplace on my map that node represents the node associated with the cubic and this node over here is a associated with my object ordinarily of course if we were building a map like this they would all be similar kinds of things she may ask why did you grab the hip-hop movie then and I wouldn't really have a good answer except i like the hip bought object all right now those are both pretty cool pieces of functionality I've got my map and I've got a compass would take a look at this drag that around I look around my compass is moving right over here it looks like I should have set the transparency mode on that and you'll notice that also the node right over here is indicating where I'm looking as well I can set the North spot on this VR so that North is north and now if I click on this note I automatically go to my object and now I have completely different type of media in the same space that's cool i like that close that up sound spatial sound been done it's raw somewhat tricky to do strictly on a scripting basis pretty fun to decompile and take a look at what we've done to actually implement that but we've wanted to make spatial sound easy for you click on sounds fast track it's going to create a new one it's done it now I don't have any sounds in my sound list at this point so I'm going to use my handy dandy library close some of these things out since I have less screen space than usual here's my sound and I'm going to bring in two different kinds of sounds the first kind of sound I'm going to bring is actually going to be a MIDI soundtrack and I'm going to use that as my ambient sound so this is a sound that's not gradual or sudden its non directional I always want it to be playing I could adjust the volume if i want you i want to draw put down a little bit so it doesn't overpower everything and plop that right there and now since it's non directional there are no spatial components to this the next sound I'm going to want to do and all of your cell phones are turned off right now right the next Island I'm going to want to do is this cell phone ring and cell phones can be non directional when you're at a place like this and everybody's cell phone is going off but I actually want them to be at a specific place pop over to my cubic and I want my cell phone to be associated with this heavenly statue right over here ah my bad i should have created my soundtrack in my cubic and i didn't do that so without further ado I'm going to use my timeline to kill remember no electrons were hurt while I do this I'm now killing my soundtrack and opening back up again I wanted to be in my cubic when I was having this experience so I create a new sounds fastrack and yes as you just saw you can have different sound spatial sound associated with different media and once I do that I'm going to go back out and grab my in-flight switch that back to non-directional come over to my cell phone drag and drop now I want to be right here when this sound happens so I'm going to grab this I'm going to turn it to where i'm currently facing this arrow indicates where I'm facing and I'm going to spread this out i can set the extent of the sound when am I going to start to hear the sound in the pan direction and I can also set it how much tilt do I need well I want it to always happen so I'm going to stretch that tilt over the entire extent of the movie so once I've done that I'm going to change that from gradual too sudden and now I'm going to preview that ok first we can hear the key listen very closely yes the MIDI that was non directional so as I look around here I'm getting this lovely media experience I'm able to have my media map show me where I'm pointing and then when i come across here i can be interrupted by a cell phone just like real life you can't get any more immersive than that all right now I could dive down into the debugger but that would be the old brutal advanced Mike but we're going to we'll get there okay so we're going to close that up so we saw a lot of advanced functionality and VR and except for showing that i could decompile I've done absolutely no scripting that does not mean however that live stage pro doesn't have scripting chops it definitely does and in our next couple pieces I'm going to showcase a couple you can see this by the way before I show those I wanted to show a really lovely piece I just love this piece notice we have a skin we have a cylinder VR that we can look around we've got controls that were able to roll over and move around and we have a map that we're able to check things out all this functionality is now pretty much drag and drop that's pretty impressive which goes to show that human beings are getting caught up with sooner and later I guess there's a new movie coming out of that's going to show us that the machines will rise to so I'm going to open up super fluid and we'll be talking more about this piece we're actually in a few moments going to start to look underneath the hood of things a little more detail what is involved in hardcore advanced and when I pop in here we have really many of the same things I've got a controller that I can move around I have a volume slider we have behaviors that allow you to create this kind of a slider without any scripting knowledge and if I click on one of these pieces the automatically loads in the ER and now is panning around this system is actually set up to pay attention to how much activity on doing notice when I clicked on this the immediate stop to now I can control it but the idea was that if the user is not doing the media gets progressively more psychedelic and that was the intention of band you know sometimes you want to just sit back and chill to what's going on and as you can imagine if I go full screen on this ah I put the wrong version on this one the a real full screen would actually go full screen but this will do since I have a very large monitor here notice that as I haven't done anything then the media is now getting more and more excited it's adjusting the fov or the field of view giving a pant and as I move around it gives me control a lot of what advanced interact quicktime interactivity is about without paying attention to the user if i switch over to the finder i happen to my movies shrunk itself down when I come back to the media poop it brings itself back to life he we were thinking about the doc and and the Expos Asia just along with ski so the same same type of control that you would expect from a quick time experience I can drag this around and play with it some things you might not expect from VR the ability to change its graphics mode so now I have a somewhat more psychedelic experience let's go see Hollywood friends we all have friends in Hollywood right and I can of course turn these things off assignment did I go to an x-rated one and was pretty sure I didn't foot let's go to monsoon because that's a little less controversial and the idea that the band really wanted to get across here was this kind of kaleidoscope between music and space and one of the ways that we were able to capture that was to use cubix in order to in case this notice it's now realized that hey myk's talking so it's going to go off and start to entertain you but we also realized that we could express some philosophical points on this media such as the ability to feel fenced in so you notice we've dropped a an overlay over the entire UI still working and once again I can be in control or the movie can be in control and just in case you want to know whether you can do to overlays at one yes indeed you can or i can reset you now overlays and all the rest of this media is great but if you have to download all of the media associated with superfluid in one very long push it's going to be very unpleasant so we've done a couple of things on this one those overlays in there are a number of them here are all dynamically loaded quicktime starting with version 6 introduced the ability to dynamically load sprite images in addition to all the other wonderful things that sprite images because sprites could already be getting their media from such as video tracks or flash tracks or even URLs that you've hard-coded now we can actually dynamically load those in so all the media associated with the overlays are loaded on user request only and then cashed so that if I ask for at once I don't have to go back and reload it a second time and think that's all I want to say about superfluid a very fun piece o one last thing I wanted to say now we hate this feature so I i will point that out right away but I happen to love it the idea is that when I am closing something I don't necessarily want as a content creator just to let if you'll excuse the expression let the user just vanish so in this case what we do is we fade out the music show a logo and once the music is all the way faded out poop the movie goes away all right now this this piece since I've been talking about what he doesn't like this is some of the stuff that key does like he was very involved in this piece I think this don't know it was obviously done for Acura but I don't know what company actually did this but you'll notice there's a number of hotspots around and as I move around i can select one of them i want to select on the dashboard I do a transition I pop up new media the Yankee robos music system in the TL type-s includes am/fm stereo I could see a tensioning still to the misery DJ user is able to move things around be the radio display but they'll know where they come from notice the lines that are indicating where this feature comes from select further points inside of my VR did I say this was all created with live stage pro by the way supposed to say that a certain number of times per half an hour and I can do all the types of adjustments that you would like to do right as they are relevant and there was a wonderful talk given here yesterday by Lori Schwartz and Mark sand oh yeah and you know Mark pointed out that each of these little details in and of themselves is not rocket science it's not incredible how did the attention to those details it makes the experience down here in the gut feel something immersive something unique something that you want to get involved with and as a antidotal evidence because I'm actually able to release the actual statistics we did a series of studies for retention on these things how much activity did did people do when they were actually using these environments and you would be staggered by the amount of time that people actually spend on these if they're actually able to interact with them and that includes straight out video just putting it in a skin already helped on user retention having all the branding be consistent help them keep on message then if they were able to look at background information other things relating to that media we could keep them for an hour plus that's pretty impressive all right now this next piece also shows off some new live stage pro functionality I mentioned that live stage pro now works with multi state VR does everybody know what multi-state VRS cure so much ahead of me John I didn't know what it was I looked at this thing I'm a multi-state dr that means what well let's take a look at what it means nice er object movie I can roll it back and forth I can tilt it that's nice ah another state aha a third state a wonderful piece of functionality all in the same space all in the same media container the ability to have the same object at different state not a big surprise I don't know why I didn't figure it out so how do we do that let's go out and take a look at what he has done I have over here a sprite track and notice as I pull this up some people in the back of the the roads are happy and some people who are worried that I'm going to pull out the old scripting monster start to lean back in their seats and indeed you're right so I've clicked on on this and I can see the different tracks that I've got this one here named sprite one with an untitled sample shame on you geek I'm going to open this up and I'm going to first change this to be a nice name state modifiers now does anyone know why I am well I should have not allowed to ask you because you have to go to microphone the reason i am so fastidious about naming these things with real names is because invariably some amount of time goes by and then the content owner either calls me up or sends me an email and says I want you to change or extend or fix something that has a bug and I look at it and if I haven't put in reasonable names then I have to hunt around for what I've done I don't like to do that and I'm betting you don't like to do that easy either so I'm encouraging you all to use names in order to make your projects easier to understand so what have we here we've got digits 1 digit 2 digit 3 very interestingly named and if i look at mouse click aha everybody knew i was going to pull out the old script now notice some of the nice functionality we've gotten for is the ability to get more screen space when you need it right over here he hasn't put in any comments and I can set the DS going to punch me several times after making fun of them so many times but I'm going to put a comment over here and that is if the state is not current and you'll notice that if I had all of this typing change the you want me to change the color i will certainly do that but let me show you this first if i had it in the original way i would not be able to see that content and i would get to get scrollbar happy now i don't like scrollbar happy so I close these things off as appropriate and then I'm able to not see it but I can because I can go over to my preferences just in like the last few months that I don't do the old OS 9 thing and come over here and I can come over here and say editor and I can change all these things so that is comments and notice it's color is gray and I can come over here and say well let's make it orange and kind of bright and notice Mike ah that's a bad choice because it happens to us to be similar to our constant but I could change the color of my constants as well so once I've done that what he's doing here is he's finding out the current view state and then he is setting the image index he's not doing it by name he's setting the image index by number and if this were me boy am I in trouble because he's bigger than me i would say view one on and what i would do is come right over here and put this dollar sign which indicates that is a part of a definition and i would save you won you won underscore on and now i would be using a symbolic reference to my image now there's two advantages to this the first advantage is the one I've already mentioned that projects are easier to work with the second advantage maybe a little less noticeable let's say that my graphic artist says you know I don't like that background i'm going to put in a new background and i want you to put it right here and i drop this in if I've hard-coded my index if these numbers change my project breaks if on the other hand I do them by name then no matter if i take this one and pull it all the way back here it still works I like things that work alright so we've taken a look at the our view states oh I should mention one other thing a common question that we get is are those actually variable at runtime those constants that we put out and as the word indicates constant no they're not what happens is we take a look at the name we find out what that number is and that's the actual value that goes out there I won't name any names but I did get a very amusing email from somebody in New Zealand a former quicktime engineer who couldn't understand why he was not able to change this variable and I was amused but I'm amused easily okay now I want to show the same person to give you some indication of who that might be a tool that I use lot with the Liberator excuse me with lot stage pro which is the Liberator and what I used the Liberator for is working with media that I'm going to actually deploy I'm going to take in original exported from live stage movie I'm going to drop it on deliberate ER and it opens up to windows the first window is the actual movie content this piece by the way was shot the BR was shot by janie Fitzgerald and the skin which ordinarily would be a skin accepted in this environment was done by Robert West and in here i am able to do a number of amazing things useful amazing things time-saving amazing things what I'm able to do is simulate what the different download rates would be like now right now we've got a hundred days internet intranet and things are good John Alper was downloading something and he said various expletives that I'm not allowed to repeat on this microphone but they were all happy exploitive but most people still today have this kind of experience remember this was the original output from live stage pro movie yes that is a very nice blue cube yup okay we're loading you'll notice it shows the percent of the movie how much K has been downloaded and the number of seconds this person has endured this experience ah i have a blurry be are very nice okay I've oh yeah I have a piece of good vr coming in here I'm 93 k into this and I'm seeing a lot of blur I'm not a very happy user this is not the kind of QuickTime interactive experience that we really want to have what we want to have is an experience in which the preview track comes in and that's what this book of its reason it's blurry it's not because of QuickTime it's that in order to get a fast download quicktime supports the ability to have a preview tracker uvr notice I'm 190 k into this thing and I'm still not seeing any of those beautiful controls that Robert West did for us where are they well that brings us to our second window this window over here is our media map it shows every every block of media out there so I can come over here stop my machine crash almost passed out I kicked my movie resource up here I see a whole lot of free space and some very fine quicktime engineer is going to explain to me why that free space is there and how I can get rid of it totally someday but that day is probably not right now i can see that i'm getting some VR samples out here and if I come all the way down here why look there are my control but they're at the very end of the file do I want them to be at the end of the file nope I want them to be coming in exactly when I want them to now flash supports the ability to say well you can have it any way you want as long as it's either back to front or front to back which way do you want not so in quick time in quick time I can decide exactly where I want that mediate to come in I like to call it choreographing the media arrival now there are a few things more dull than watching Mike dragged around blocks of media but i'm going to show you how i can do it yes there is a block of media moving and now i'm going to drop it right down over here and it wouldn't let me actually showed me on the little hand but i was not paying attention so the little hands saying yes i can drop it there and once i do it moves it for me now that piece of media will be loaded at that particular time excuse me at that particular position in the actual file rather than everybody want to see my address book I'm going to close that one out and I'm going to show what i did in order to deploy this media pop it back over to the deliberate ER again I have the media open I'm going to will leave it actually at a duel right now I'll put it back down onto 33 to be fair and now I'm going to simulate what that experience would be like having moved by media blocks around after just three point nine percent or so I get my preview track i have now my skin so I have my user only eight percent into the movie already has full context as to what's going on and those things already work that's pretty hot in terms of control over your deployment media The Liberator is an awesome tool so if you haven't checked into it and you have web-based delivery I highly recommend it and if one additional feature i want to mention but i was too much of a coward to demo is the ability to work with locked content across multiple people so for instance g and I have done projects together and he's in Vancouver and I'm in Los Angeles Los Angeles I'm in La Honda and if he wants to pass me media that is copy protected ordinarily that couldn't be done because once it's copy protected it's how the Liberator allows you to do a challenge in response so that you can actually work with that copy protected media across multiple people tremendous tool doing a lot of things if you use it please give John summers feedback on how to make it better it is a onward and upward tool all right does anyone like that deliberate oh I'm pretty damn impressed ok so right down here I've got applescript structure and what I want to show here is the fact that live stage pro in version four internalized the need for all of you to be able to create automated projects up in the boom days when all of us were making money in the boom days which will come back again someday I did what I called boutique where right I could spend all the time I wanted working on something because it was supposed to be a one of now when I actually need to make some money I need to be able to make something and use that template over and over again and we have the ability to do that if you create a project in live stage Pro you can record every step you do you can then go back in and do any editing that you want to do and then you can create if you would like and I'm sure you'll want to we create a droplet that will give you the ability first I need to locate this droplet I only really need to do this once and put my desktop 722 [Music] there is my template I choose that okay and now what I'm going to do is I'm going to take some media I'm going to do this from media where I know where it is I'm going to grab a couple of videos I'll grab three videos and drag it on to my droplet it goes off very dutifully notice it's doing all the adjustments for me it's processing that its output it it's doing the next piece ching ching we like that less caffeine more money okay and where did those things go well they're right over here all in a folder neatly output for me and ready to go back all right zooming right along one of perhaps what time am I / alexander 54 minutes I'm in deep quantum one of my favorite aspects of QuickTime is the fact that it supports third-party components and don't get me wrong the folks at Apple are some of the brightest and most enthusiastic that I've ever met however they don't have every idea out there and they don't have the ability to use every engineering dollar that Apple has and that means that third parties need a way of being able to extend quick time in a nice robust way Apple's done this they've created a component download program and this allows somebody to develop a component that does let's say 3d and allows them to deploy this actually on apple's servers so that when a user hits some of their content in a quicktime environment it will go out to the Apple server grab onto that component and download it and then the media can be used now I'd like to say that's a very easy thing to author and I would like to say that and it is pretty easy but it's not super easy and so I want to show actually how that can be done because I was scratching my head for a while and I figured maybe you folks are to the first thing that I do is I create a what I call a gate movie let me first go cripple my player so I need to quit out of this I'm going to remove the component that does axial 3d right here a truly amazing environment that I love my kids love they don't actually get to build anything in it but they love the little things that I build with it and I moved it I do the same thing every time you'd think that I would figure this out sooner or later but I'd be wrong so I'm going to pull this out of the folder and now since my quick time has not been launched when I go back into it it won't know anything about actual 3d and when I launch this gate movie it says hey the component is missing should i download it by all means please do it goes out there and after a moment or two thank goodness for networks chugga-chugga-chugga Dave singer pointed out the value of watching progress bars in a meditative way now being legalistic first they have to tell me about all the things that I must accept and you must accept them too and now because they want to scare the pants off me they put up a dialogue that says you have installed software that may not be available to currently open movies now that would scare me because if I'm a user I want to go right on through to my media I hate opening things up again but I'm going to say ok and notice my movie down here said hey don't worry no need to close it's all handled I click on this and in a moment I have my axle 3d content now i'll show how to do the gated movie in a moment but i want to show off a little bit of actual 3d because i don't know how many of you folks have seeing this stuff pretty pretty cool so i can spray paint particles in my world I'm spray-painting leaves very in Toulouse living in the woods myself that's cool i like that i can also change those leads on the fly spray paint some more in that that rendering change some more i can even see them in wireframe i'm going to grab this i'm going to give it some wind so now those particles are being affected by forces in the environment forces stronger than you or I and being blown away now imagine trying to create these with sprites even Matthew Peterson wood quail at such a prospect but wait there's more I can also dynamically change the color of thing and it's only because i'm lazy that you can only change the background we will actually we've already posted no no that's that's all we will be posting in tomorrow it's not only this project but we will also be posting another project which gives even more degrees of freedom you can control more things and both the axial project and the live stage project will both be available from stage door and stage or is a fantastic resource on the totally hip website where you can get check notes and sample projects and inspiration and mailing list archive so to show how nice that axle looks when it's larger notice that I've increased the size of my movie and everything still looks good now my bitmaps over here they don't look quite so good anymore because I did that intentionally but my axle content being vector-based looks great I believe we we have yeah we do justin is in the audience aww I would like you to give a hand if you would to Justin Justin created the media handler for this and the OS 10 version of the authoring environment and it is hot way hot that's remind avenue okay now I promised that I would show how the gate movie was done and true to my word I shall go in through live stage pro and pull out once again the script holism notice all of my tracks are named and so are my samples so when I open this up I've got one thing and it is the cover which is this track right here all the rest of this is just graphics to grab your attention and once I do that I look at the script and on frame loaded what do I do well the first thing I do is I go out and that was Steve Israel sin getting back at me true there are no comments but look how nicely formatted that code is anyways what it's doing here is it saying first go out and check whether I've got an importer for Axl now if you're wondering well how do I know these names blood sweat and tears no actually you can get this stuff out on stage door I would like to say there's a really easy way to find out this information but I can't Francesco's not even head there is an easy way oq script really styling I can show something else the Q script reference which I use a lot if i type in component if I would spell component correctly no silent are in there thank you and we have load component oh I probably have to go up to the index so if i come into here and I search down deep enough hence it's not easy I would be able to find it right in this handy-dandy window I use this a lot the ability to kind of look around let's see whether I can find axle no see if i can find video oh so indeed they are no those are them them are those okay if you're really interested to how to see this in the reference guide hit me after and i'll show you don't actually hit me though so that after I've determined whether or not the component is there I'm checking to see whether it has a version number that's greater than 0 if it does then I flip the image that says hey image is ready axel loaded and ready quick to continue if on the other hand I don't then what I do is I flip the image to need to load indeed need to load component missing please download okay then I do this down here set idle delay to 60 now what I'm doing there is I'm saying to the environment hey I'm going to want to check something periodically to see whether that download really happened so if I pop over to my idol handler I can see the counterpoint to this the idol handler once the second goes out there and says hey is that component there yet and once it is then it turns around excuse me if it's not there it invokes it directly and says load component go get the importer for Axl if you were to ask me about these two numbers I would have no really good answer so please don't it embarrasses me once I've done that that's going to actually pull up that dialogue that was doing the component download and then a way it goes once I've actually found it then it's clips I didn't actually show that part once it's actually found it then it is going to set the image to loaded and I've got my image in a way I would go into the movie itself that way the user is able to use third-party components without having to reload anything into their environment and close that up so all of that the component download stuff and the actual stuff will all be on stage door tomorrow zoom effect zoomify is another third-party component that we support directly in live stage pro you're able in zoomify to have a VR environment cubic environment much like qtvr but notice as I look around things are a little blurry once I let go boom things come into play now if this was all it would do well I'd rather have qtvr however what about if I wanted to zoom in to my control boom this media is being dynamically loaded so that I get a higher resolution as the user actually does it muy cool live stage pro is able to control I don't know why it's doing that it started doing that and and I just say okay live stage pro is able to control all these things just from actions including the ability to do some things that you couldn't actually do in qtv are like roll the camera right and roll left this is for the roller coaster fans in all of you and the reason it's able to do that is there is an actual Open GL space behind it so they're really knowing that there is a 3d space that they're working with very cool plugin my hat's off to what they've been able to do there so is that really hard stuff to code inside of live stage pro positively not those actions are very straightforward I have a sprite check that has two kinds of sprites in there has a monitor sprite which actually does all the updating of where things are in terms of pan and tilt and roll and whatnot and then I have an operator that just pays attention to which control was pressed and then it performs that action so here we can see the kind of actions the kind of actions that we have so say if we're zooming in zooming zooming in pretty straightforward stuff so if you've got VR that you want to get one of these kind of progressive environments zoomify is something to really take a look at and live stage bro is the environment for integrating all of your quick time you and I know I missed my calling and marketing okay now all those things were pretty cool and we liked it we had fun what you're saying come on Mike that's not truly advanced and I'll say well really it was pretty advanced to me but there's more in some original quick time which is eluding my brain at the moment five thank you quicktime introduced the ability to work with xml well actually we're introduced the wired ability to work with xml more correctly put and i gotta tell you when i when i heard about this well i started drooling and other things but i was pretty excited he saw me get going and what we're able to do with that is actually exchanged to the server a lot of information in a structured way so I've created a little skin here and over here you can see a cutie list notice it's structured data I've got a list I can drill down into this and over here I have the representation of that less i'm going to put in this is a little chat program that basically got written over a weekend and i'm going to put in a name i'm going to put in a little message and notice i put that little apostrophe in there now when i actually send that I'm pressed enter you can see the XML the yeah the XML that was sent up to the server and right over here you'll notice that we're putting in some I guess it's not really a tag for they call these things what he said what was that in entity well that's the nice generic word so I can put in entities that represent some of the characters that would confuse XML at we excuse me which would confuse HTTP GET which is the underlying mechanism that is being used to pass information back and forth then close that window up but there's more one of the things that everyone who's ever worked with quicktime in a serious way and in a browser environment has wanted to do is let me pass media let me pass data into the movie please you can do that now first let me show you what kind of stuff I'm talking about let's say I had a playlist that i want to play this kind of bad example in some ways but it's a good example for my purposes i wanted to pass in something that looked like this from the browser maybe spit out from a database dynamically into a web page and then pass into the movie beginning in quicktime six you have the ability to pass these in so I've got a little text file out here which is a example that I wanted to use and I'm going to use a freeware application done in France called page 0 as I mentioned it's free wonderful program and it allows me to build up all of the information that I would want to embed in a page so if I go over to cutie list I can say yes I want to pass a cutie list in there and I want to import a list there it is now it's in there and now i can say show code keep missing that grow and now i can see all of my object and embed tag and you can see that i have a parameter called movie cutie list that actually allows me to pass structured data volumes of it if you want structured data into your quicktime movie tremendously helpful and the last thing I wanted to show and then I'm done is a piece that myself Janey Fitzgerald and Robert West kid in it uses xml and q qi less quite extensively it does a complete tour of the los angeles metros red line you have flash track down in here that i'm able to zoom in on and move things around right now i'm in north hollywood going to drop that audio track down a bit i'll look around over here i have a hot spot as i can see and when you can see up at the top right up here it indicates what that hot spot is that's the flash track actually i click on that if you listen closely you can hear new audio being associated with this particular node now there's a hunter i think there's a bow hunting 26 or 128 nodes in this piece now if i had to represent all that hand-coded I'd be very old very frustrated and very bored three things that I don't want to be right now instead what we did was we created an external representation simple XML file and we read that in not only that so all the audio all these images down here even wear on the map IM is all represented in that xml file this also gives me the ability know if it's this trouble eastward so i click on this it reads in the other xml and now it's doing it in spanish notice it's going to adjust the map full it loaded in new images down here and adjusted that map from reading actually having already read and cashed the xml representation of where on the map i would be moving to this is a very cool piece i wish it was online and I could show it around it's not quite yet as soon as we're able to get it on line we certainly will but in case you're going to ask it's not notice it moved over here I can also click on a map and it will go instead of going from platform to platform it goes on to the street level so another thing that's represented in the XML is what's the street level and what is the platform level some of these stations have four nodes some of them have seven notes some of them have nine this run on 13 notes so you can imagine i need a very flexible way of representing data structured data is well represented in xml what a great match one last thing i would like to show about this is I've kind of moved around going to pop over to Hollywood and Western has turn off my hide spot hot spots is I'm actually doing a few things behind the users back first off I'm tracking everything you're doing every control you're pressing every station you go to every knows you're going to I'm tracking it all and I'm putting it all into a cutie list and no I'm not sending it to the CIA but I do have the ability to upload that and analyze it and that is very helpful information for designers but it also gives me the ability to say go back aha it's switched stations for me and put me at that note go back again yep now I went to that other station go back again it's back to universal city now and now it's going to go from node to node all the way back to where I started in definite go back because I'm representing it all as qg let's internally thank you [Applause]