UsingtheClipperProEditor:October2017UserGuide
1
UsingtheClipperProEditorUserGuideContents
GettingStarted–Registeringyouraccount.................................................................................2
LoggingIn......................................................................................................................................3
CreatingtheFirstClip...................................................................................................................4
CreatingtheSecondClip..............................................................................................................7
CreatingtheThirdClip..................................................................................................................9
CreatingthefirstCliplist.............................................................................................................10
Cliplists-ThingstoRemember...................................................................................................12
Cliplists–ChangingtheOrderoftheClips.................................................................................13
SharingaClip..............................................................................................................................13
SharingaCliplist..........................................................................................................................14
WorkingwithOnlineMP4VideoandMP3AudioFiles..............................................................15
UsingtheClipperProEditor:October2017UserGuide
2
GettingStarted–RegisteringyouraccountWhenyougototheClipperdevelopmentandtestingwebsiteathttps://clipperdev.com/.Youwillseeawebpagethatlookslikethisshownbelow:Youwillneedtoregisterauseraccountwiththesite.Todothisclickonthetoprightbuttonwiththetext‘RegisterforClipperPro’.Afteryoudothisyouwillbepresentedwithadialogueboxasshowbelow:Asthisisatestsiteitisalittlebuggyinplacesatthemoment.So,whenyouenteryourpasswordyoudonotdoittwicetohavecheckedsopleaseenteryourpasswordcarefully.Afteryouenteryourdetailsclickthe‘Registerbutton’.Afteryouclickonthe‘Register’buttonyouwillseeaconfirmationscreenlikethatshownbelow:
UsingtheClipperProEditor:October2017UserGuide
3
LoggingInNextclickonthe‘LogIn’buttonandenteryoudetails.NextyouwillseeyourfirstClippertoolkitscreenasshowbelow–itwillbeemptywithoutanyclips.
UsingtheClipperProEditor:October2017UserGuide
4
CreatingtheFirstClipWearegoingtocreateourfirstclip.ClipperworkswellwithYouTube,whoencouragesoftwaredeveloperstocreateservicesbasedontheYouTubesystem.ClipperalsoworkswellwithanyvideoMP4oraudioMP3filesthatareontheweb,ifyoucanobtaintheirwebaddress(URL),wewillshowyouhowtodothatlaterinthisguide.Inthisguideforourfirst3clipswearegoingtosearchYouTubeforcontent.Tocreateoutfirstclipsweareusingtheterm‘cars’inthe‘Search’fieldhighlightedinredintheimageabove–youcanenteryourownsearchtermsifyoulike.EnteryoursearchtermandthenclickontheYouTubebuttontostartyoursearch.Belowweseetheresultsofourfirstsearchfor‘cars’–NByoursearchresultsmaybedifferent–theyarechangedbyYouTuberegularly
Wearegoingtoselectthehighlightedvideocalled‘Cars1,2&3FunnyMoments’video.OncewehavedonethisthesearchresultsdisappearandthevideoisloadedintotheClipperplayerandwillstartplayingfromthestartasshowninthenextimage:
UsingtheClipperProEditor:October2017UserGuide
5
TheCars1,2,&3videoplayingintheClipperPlayer
Tomaketheclipfindaplacetostarttheclipandpausethevideoandthenclickontheroundredbutton(shownhighlightedinaredcircle)intheimageabove,indicatingitwillrecordifclicked.Onceweclickontheredbuttonthevideostartstoplayandthestarttimeissaved.Theroundredbuttonnowchangestobecomeasquareredbutton,indicatingthatitwillstoptherecordingifclickedandsavetheendpoint.
UsingtheClipperProEditor:October2017UserGuide
6
Intheimage–belowwehaveselectedashortsectioninthetimelineasshowinthe‘start’and‘stop’boxesfrom00:09:56to00:09:57andenteredthetext‘Cars1-2-3Clip’asthefirstlineinthetextbox–thefirstlineautomaticallybecomethecliptitle.Inthelinebelowthatwehaveenteredthetext‘Mytexthere…’.WehavealsoaddedtwotagsintheTagfield(wordsorphrasesseparatedbycommasbecometags.Oncewearehappywithourclipwecanclickonthe‘SaveClip’buttonandclipwillappearinthelefthand‘Cliplist’column,asshowninthenextimagebelow.Thethumbnailthatappearswitheachclipintheleft-handcolumnisprovidedbyYouTubeandisusuallyfromnearthestartofthevideoitisnotusuallythesamecontentasthestartoftheclipitself.
UsingtheClipperProEditor:October2017UserGuide
7
ThefirstclipinourCliplistToplaytheclipclickontheleft-handcolumnentryfortheclip.
CreatingtheSecondClipTocreateoursecondclip,werepeatthesearchandselectprocess.Thistimeoursearchtermswas‘gardening’.Theimagebelowshowstheresultsofthissearch.
UsingtheClipperProEditor:October2017UserGuide
8
GardeningsearchResults
Weselectedthefirstentryinthelistcalled‘MonthlyGardeningSeries’anditappearedintheClippertoolkitasshowbelow:
UsingtheClipperProEditor:October2017UserGuide
9
Fromthisvideo,wehavecreatedanewclipusingthesamestepsaswedidforthefirstclip,weshowthenewclipintheimagebelow.Youwillseethatthenewclipnowappearsatthetopoftheleft-handcolumn.
CreatingtheThirdClipForourthirdclip,weusethesearchterm‘pottery’andwegetthesearchresultsshownbelow
UsingtheClipperProEditor:October2017UserGuide
10
Fromtheseresults,wechosethefirstonecalled‘Throwing/MakingaPotterySaltPotonthewheel’.Usingtheprevioussteps,wehavecreatedourthirdclipasshownbelow–itappearsatthetopoftheleft-handcolumn
CreatingthefirstCliplistSofar,wehavecreated3clips.Bydefault,alltheclipswecreateinClipperarestoredinthe‘AllClips’Cliplist.WhatwewanttodonowistocreateanewCliplisttopresentandmanagecopiesofourclips.TodothisweclickontheheaderoftheCliplistcolumn–thisrevealsthedrop-downmenushowheretotheright.Weselectthe‘CreateNewCliplist’option.Pleasenotethatinthisguidewearearegoingtostayinthedefault‘Project:MyFirstProject’andwewillignoreitintherestofthisguideWearepromptedtogiveourCliplistanewnameasshownbelow
UsingtheClipperProEditor:October2017UserGuide
11
Wechosethename‘Training29October2017’andclickedonthe‘OK’buttontocreatethenewCliplist.NowthatwehaveournewCliplistwewanttoaddourclipstoit.Todothis,foreachclipwewanttoaddtoaCliplistwegotheleft-handcolumnlistingforthatclipandclickonthe‘+’iconasshowhighlightedintheimagehere:Afterwehaveclickedonthe‘+’iconwegetadialogueboxmessageliketheoneshownhereshowingthepossibleCliplistswecanaddourclipsto:Inourcasethe‘Training29October2017’istheonlyCliplist–soweclickonthecheckboxtotheleft(asshown)andthenclickonthe‘AddtoCliplist(s)’button.Werepeattheprocessfortheother2
UsingtheClipperProEditor:October2017UserGuide
12
clipsinour‘AllClips’defaultCliplist.Next,wewanttomoveintoournewCliplisttocontinueworking.TodothiswegototheheaderoftheCliplistColumnaswedidbeforeandclick.NowweseethenameofthenewCliplistinthedropdownmenu.WeSelectournewCliplistandtheheadernamechangestothatandweseeourclipsinthenewCliplist.
Cliplists-ThingstoRemember• EverytimewelogintoClipperitautomaticallyopensthedefault‘AllClips’Cliplist.So,we
needtoremembertoselecttheCliplistthatwewanttoworkin.• OncewehaveselectedaCliplisttheclipswecreatewillappearinthatCliplist• EverytimewecreateaclipitappearsinboththecurrentlyselectedCliplistandthe‘AllClips‘
Cliplist,whichactsasamasterlistofalltheclipsthatyouhavecreated• IfwedeleteaclipfromaCliplist(byclickingontheDustbinicon)itwillalsodisappearfrom
everyotherCliplistitappearsinandwearewarnedaboutthis(thisfunctionisunderreview).
• IfwewanttoalteranexistingclipinaCliplistwehave2options:o 1–wecanedittheclipandoncewehavemadeourchangesweclickonthe‘Update
Clip’buttono 2–wecanedittheclipandsaveourchangesasanewclipbyclickingonthe‘Save
AsNewClip’button.ThiscreatesanewclipwithourchangesandleavestheoriginalwhereitisintheCliplist.
UsingtheClipperProEditor:October2017UserGuide
13
Cliplists–ChangingtheOrderoftheClipsWecaneasilychangetheorderinwhichtheclipsinaCliplistappear.Wedothisbyselectingaclipintheleft-handcolumnbyhoveringthemouseovertheclipandthenwhilekeepingthemousebuttondepressedwemovethecliptothenewposition.Asyoumovetheclipsyoucanseethisisworkingbecausetheoutlineoftheclipbeingmovedchangestoadottedline.YougetavisualconfirmationthattheclipisreadytobeplacedinanewpositionbecauseanotherclipwillvisiblymovetomakespaceforyoutodroptheclipinitsnewpositionintheCliplist–youdothisbyreleasingthemousebutton.TheneworderoftheCliplistisautomaticallystoredinthedatabase.
SharingaClipWecanshareaclipwithbothusersandnon-usersofClipper.TodothisweselecttheclipwewanttoshareandthenclickontheshareiconthatappearinthebottomrightcorneroftheclipintheCliplist–itlooksliketheimageshownbelow:
Onceyouclickonthisyouwillbepresentedwithadialogueboxthatlookslikethatshownbelow:
ShareClipDialogueBox ShareClipPlayerViewWhenyouopenthe‘ShareClip’link,thisiswhatyousee–it’sessentiallythetoolkitwithouteditcontrols.Theclipisdisplayedpausedreadytoplay–hencetheplayerisempty.Oncetheclipstartstoplaytheinformationabouttheclipisdisplayedunderneath.
UsingtheClipperProEditor:October2017UserGuide
14
SharingaCliplistToshareaCliplistfirstwehavetogotothetopoftheleft-handcolumnandselectaCliplist–pleasenotethatwecannotsharethedefault‘AllClips’Cliplist.Wearegoingtoselectour‘Training29October2017’Cliplist–asshowntotheright.Oncewehavedonethisweseetheshareiconattheright-handsideoftheCliplistheaderitlookslikethisshownbelow:ClickingontheCliplistshareiconpresentsuswithadialogueboxthatlookslikethatshownbelow
ShareCliplistDialogueBoxTotheright,wecanseethe‘ShareCliplistPlayer’Whenyouopenthe‘ShareCliplist’link,thisiswhatyousee–it’sessentiallythetoolkitviewwithouteditcontrols.TheCliplistisdisplayedpausedreadytoplay–hencetheplayerisempty.Iftheuserclicksonthegreen‘PlayCliplist’buttonatthetopoftheleft-handcolumntheclipswillplayinsequenceoneaftertheother.Individualclipscanbeplayedbyclickingoneachclip.Oncetheclipstartstoplaytheinformationabouttheclipisdisplayedunderneath.
ShareCliplistPlayerView
UsingtheClipperProEditor:October2017UserGuide
15
WorkingwithOnlineMP4VideoandMP3AudioFilesClipperworkswellwiththesekindsofmediafilesovertheweb.Ifyoucanfindthewebaddressofthefile(alsoknownastheURL)youcanclipit.Inthissection,wedemonstratemakingaclipfromanopenonlinevideofromtheWellcomeTrustdigitallibrary.Belowisascreenshotofthelibrarycatalogue–wherehavefounda1960’santi-smokingfilm:Inthehighlightedarea,youwillseethatthefilmisavailabletodownload.Ifwerightclickourmousebuttononthelinkwecancopythewebaddress.Wecancopytheaddressandpasteitintotheaddressbarofawebbrowserandthevideowillplay
WellcomeTrustLibraryCatalogue
ThevideowebaddresspastedintothebrowseraddressbarWeareusingtheAmazonS3addressforthisfile–youcanfindithereandtryitforyourselfhttps://s3-eu-west-1.amazonaws.com/wdl-video-open/mp4/3d380cc7-9bd6-4883-bb8b-895e5b95c195.mp4
UsingtheClipperProEditor:October2017UserGuide
16
Belowweshowyouthevideoplayinginabrowser
TheWellcomeTrustVideoPlayinginawebbrowserTostartmakingaclipfromthisvideowepastethewebaddressintothe‘Source’fieldintheClipperToolkitundertheplayerwindowasshowhighlightedbelow–thenhitthereturnkeyonyourkeyboardandthevideowillbeloadedintotheClipperplayerandstartplaying.Afterthisyoumakeaclipinexactlythesamewaythatwehavedonepreviously.
PastingtheMP4VideoURLintothe‘Source:’fieldoftheClipperToolkit
Top Related