Minimalist embedcode
-
Upload
thomas-dang -
Category
Education
-
view
149 -
download
1
Transcript of Minimalist embedcode
EmbedaminimalistversionofCLAS
SeamlesssessiontransferfromCASandShibboleth
Zero-setupresponsiveembeddingonany
pla<orm
Dec2015
Project Owner: Dr. Fred Cutler Designer & architect: Thomas Dang
Arts ISIT, University of British Columbia
Why?• YoucannowembedaminimalistCLASplayerintoanLMS(E.g.Connectat
UBC)orUBCblogs.
• TheembeddedCLASplayerwillautomaNcallyinheritloginsessionfromeitherCASorShibboleth,sothatuserswon’tneedtologintwicetogettoCLAS
• LearninganalyNcsmetricscollectedbyCLASwillautomaNcallybeaQributedtothecorrectuser
• Usercanthenclickonthe“discussthisvideo”buQonontheminimalistplayertobringupthefullCLASinterface
• CLASembedcodesareautomaNcallyresponsiveregardlessofthetargetenvironment,nopriorconfiguraNonoriframeresizerpluginneeded
YoucanalsoembedthisminimalistcodeinasitewithoutauthenNcaNon,andCLASwillpopupitsownloginwindow
instead,ifanonymousviewingisnotenabled
IftherearemulNpleCLASvideosembeddedonapage,thenaXeryouloginviathepop-upwindow,allthoseembeddedframeswillautomaNcallyinheritthenewsessionanddisplaytheirvideos
IntelligentcontentloadingTheCLASembedcodedynamicallydetectsandrecoversfrombrowserrenderingerrors,andwillloadavideosuccessfullyevenwhennestedwithinhiddenelement,suchastheaccordionsusedonmanysitesatUBC.Thisgivescontentdesignersthefreedomtocreatelayoutswithoutworryingthattheembeddedcontentwillfail.TheexampleontherightisaMediasitevideorenderedthroughCLAS,andthesameMediasitevideorenderedbyMediasiteitself,bothembeddedonthewordpressaccordionontheCENS303asiteatUBC.CLASsuccessfullyloadsthevideoonallbrowserswhenMediasiteitselfcannotforFirefoxandSafari.
Automa0cresizingonallpla5orms*without*crossdomainscrip0ng
TheuniqueembeddingmethodofCLASiscompletelyindependentoftargetenvironmentorsecurityrestricNons,sinceitisbasedonanalgorithm,notanyvendor-specifictechnologyorAPI.Inotherwords,itwilljustwork,nospecialsetup,suchasawordpressresizeplugin,neededinadvance.Othervideosourcesthatdonothaveresponsiveembedding,suchasMediasiteandKaltura,canbeconferredthisabilitybyembeddingthroughCLAS.
MediasiteviaCLAS
CLASvideo
YoutubeviaCLAS
Mediasiteonitsown
Kalturaonitsown