curios video mashup tool instructions v3openlabyrinth.ca/wp-content/.../curios-video-mashup... ·...

8
CURIOS Video Mashup Tool instructions Background: Rather than creating videos from scratch, it is often more effective to play the role of curator and make use of the some of the broad range of existing materials that are already on YouTube. By linking and embedding video clips within our virtual patient cases, we find several advantages: 1. Less need to create more original video materials, which can be costly 2. Because they are linked, not copied, this bypasses many copyright concerns 3. We can point directly to precise start and end points in each video 4. We can additional narrated sound tracks without compromising the originals 5. We can add annotations without compromising the originals 6. We can hyperlink to other materials from within the embedded video frame How to use CVM: Although CVM has been written as a standalone service, at present we have integrated it within OpenLabyrinth. So, first you need to login to http://demo.openlabyrinth.ca/ as an author. Use the menu Tools | Video Mashup to launch CVM. Click on the [New] button

Upload: others

Post on 14-Aug-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: CURIOS Video Mashup Tool instructions v3openlabyrinth.ca/wp-content/.../CURIOS-Video-Mashup... · original video file. (So with the above, the audio overlay will start at 1:23 within

CURIOSVideoMashupToolinstructions

Background:Ratherthancreatingvideosfromscratch,itisoftenmoreeffectivetoplaytheroleofcuratorandmakeuseofthesomeofthebroadrangeofexistingmaterialsthatarealreadyonYouTube.Bylinkingandembeddingvideoclipswithinourvirtualpatientcases,wefindseveraladvantages:

1. Lessneedtocreatemoreoriginalvideomaterials,whichcanbecostly2. Becausetheyarelinked,notcopied,thisbypassesmanycopyrightconcerns3. Wecanpointdirectlytoprecisestartandendpointsineachvideo4. Wecanadditionalnarratedsoundtrackswithoutcompromisingtheoriginals5. Wecanaddannotationswithoutcompromisingtheoriginals6. Wecanhyperlinktoothermaterialsfromwithintheembeddedvideoframe

HowtouseCVM:AlthoughCVMhasbeenwrittenasastandaloneservice,atpresentwehaveintegrateditwithinOpenLabyrinth.So,firstyouneedtologintohttp://demo.openlabyrinth.ca/asanauthor.UsethemenuTools | Video MashuptolaunchCVM.

Clickonthe[New]button

Page 2: CURIOS Video Mashup Tool instructions v3openlabyrinth.ca/wp-content/.../CURIOS-Video-Mashup... · original video file. (So with the above, the audio overlay will start at 1:23 within

Copy/pastetheURLfortheYouTubevideoyouwishtouseasyoursourcematerialandclickthegreen[Next]button

ModifytheStartandEndtimingpointsusingthedropdowns:

Thisexamplestartsat00:01:23andendsat00:02:34.Clickthegreen[Next]buttonChoosewhetheryouwishtoaddanaudiotrackofyourown,andifso,selectthefiletoupload.(Atpresent,CVMwillhandleWAVandMP3files.)

Page 3: CURIOS Video Mashup Tool instructions v3openlabyrinth.ca/wp-content/.../CURIOS-Video-Mashup... · original video file. (So with the above, the audio overlay will start at 1:23 within

Hereyouwillseethatashortfilehasbeenuploaded,‘test IDL audio.wav’.Justaswiththevideofiles,youcancueastartanendpointfortheaudiofile.Notethatthesetimepointsrefertostartandstoppointswithintheaudiofile.Thetimingsarerelativepositionsfromthevideostartpoint,notabsolutetimingpointswithintheoriginalvideofile.(Sowiththeabove,theaudiooverlaywillstartat1:23withinthevideofile,attheverystartoftheaudiofile,andwillfinishplaying11secslater,at1:34inthevideofile.)Youcanalsoadjusttherelativeplaybackvolume(0-100%)ofthenewlyappendedsoundtrackandtheoriginalsoundtrackontheYouTubevideo.Thisisfixedfortheentiresnippet.Therearenofancyfades–sorry.Click[Next]tomoveontotheAnnotations.Ifyouselect‘Yes’,thenyoucanaddoneormoreannotationbubblestothevideotrack.Fillintheparametersforthebubble,suchasbackgroundcolor,shape,height,widthandthetextyouwanttodisplay.Youcanalsosettimingpointsforwhentheannotationistoappearandwhentoend.Click[Addannotation]toattachthistoyourvideo.

Page 4: CURIOS Video Mashup Tool instructions v3openlabyrinth.ca/wp-content/.../CURIOS-Video-Mashup... · original video file. (So with the above, the audio overlay will start at 1:23 within

Ifyoumakechangestotheparameters,clickthe[Update]buttontoseethosechangesineffect.Youcanalsodragtheannotationbubblearoundonthescreenratherthanenterxandycoordinates.Modifystartandstoptimesfortheannotationtoappear.Aswiththeaudiofiles,thesearerelativestartandendpointsfromthestartofyoursnippet,notabsolutetimesintheoriginalvideosourcefile.

Page 5: CURIOS Video Mashup Tool instructions v3openlabyrinth.ca/wp-content/.../CURIOS-Video-Mashup... · original video file. (So with the above, the audio overlay will start at 1:23 within

Click[Next]onceyouarehappywithyourchanges.Finallyclickthe[Generate code]buttonandyouwillgetthesourcecodeforthesnippetthatyouneedtoembedintoyourNode.

Page 6: CURIOS Video Mashup Tool instructions v3openlabyrinth.ca/wp-content/.../CURIOS-Video-Mashup... · original video file. (So with the above, the audio overlay will start at 1:23 within

NowcopythatcodetoyourclipboardandpasteitintoyourHTMLeditor.Formostauthors,thatwillbeintheOpenLabyrinthNodeEditorforthepagewhereyouwanttoembedthisvideo.Clickon[Nodes]ontheleftsidemenu,thenchoosetheNodewhereyouwanttoembedthisvideosnippet.Clicktheblue[Edit]buttonforthatNode.

NotethatyouwillbeworkingwiththeHTMLSourceCodefortheNodeorpage.IntheNodeEditor,intheNodeContentpanel,clickonTools | Source codetogettothis.InsteadofbeingasimpleWYSIWYGeditor,youarenowdealingwiththerawHTMLcode:

Page 7: CURIOS Video Mashup Tool instructions v3openlabyrinth.ca/wp-content/.../CURIOS-Video-Mashup... · original video file. (So with the above, the audio overlay will start at 1:23 within

However,itisprettyeasytopastethesourcecodeyoujustgeneratedusingCVMintotheHTMLcodethatyousee–usuallyonalinebetweentheHTMLparagraphmarkers<p>and</p>.Ifindoubt,simplyplaceitsomewhereonthepagethenadjustafterwards.Clickon[Ok]tosavethechangestotheSourceCodefortheNodeandthenfinallyontheblue[Savechanges]fortheNodeEditor.

Mashupcreationprocess:NowbeforeyougettoreallyplaywiththeCVMtool,mostofthetimeyouwillneedtodosomehomeworktofindgoodsourcematerials.Atpresent,weareonlyusingYouTubeforoursourcematerialsbutothersmaybeaddedlater.Hereisasuggestedworkflowforcuratingyourmaterials:

1. Planyourlearningobjectivesforthetopic.Referbacktotheseasyougo–itiseasytoforgetpoints.

2. Itishelpfultohaveanexistingtargetpageorlabyrinthinmindbutthisisnotessentialatthisstage.

3. SearchforpossiblematerialsonYouTube.Thismaybequickorquitetimeconsuming.Youmayhavetobeinventiveinyoursearchterms

4. CopypotentialvideoURLsintoyourworksheet.5. Itisquitelikelythatyouwillcomebackafterwardstoplanyourtimings.

Hereisanexampleformthatwehavefounduseful:

Page 8: CURIOS Video Mashup Tool instructions v3openlabyrinth.ca/wp-content/.../CURIOS-Video-Mashup... · original video file. (So with the above, the audio overlay will start at 1:23 within

CURIOSVideoMashupCurationWorksheet

Topic: Keylearningpoints:

Targetsiteorlabyrinth:(optional) VideoURL Title(optional) Start End Notes