CURIOS Video Mashup Tool instructions v3openlabyrinth.ca/wp-content/.../CURIOS-Video-Mashup... ·...
Transcript of CURIOS Video Mashup Tool instructions v3openlabyrinth.ca/wp-content/.../CURIOS-Video-Mashup... ·...
![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](https://reader035.fdocuments.us/reader035/viewer/2022070912/5fb3ec2064ece66fb1655ba5/html5/thumbnails/1.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070912/5fb3ec2064ece66fb1655ba5/html5/thumbnails/2.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070912/5fb3ec2064ece66fb1655ba5/html5/thumbnails/3.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070912/5fb3ec2064ece66fb1655ba5/html5/thumbnails/4.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070912/5fb3ec2064ece66fb1655ba5/html5/thumbnails/5.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070912/5fb3ec2064ece66fb1655ba5/html5/thumbnails/6.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070912/5fb3ec2064ece66fb1655ba5/html5/thumbnails/7.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070912/5fb3ec2064ece66fb1655ba5/html5/thumbnails/8.jpg)
CURIOSVideoMashupCurationWorksheet
Topic: Keylearningpoints:
Targetsiteorlabyrinth:(optional) VideoURL Title(optional) Start End Notes