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

EmbedinUBCblog(CASsessiontransfer)clickthe“discuss”buQontobringupafullCLASwindow

EmbedinUBCConnect(Shibbolethsessiontransfer)

EmbedinaUBCblog,whichisthenembeddedinConnect(ShibbolethandCASreconciledautomaNcally)

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

Howtouse?Instructors,TA’s,andlearningsupportstaffwillseeaspecialembedcodeboxevenifpublicviewmodeisnotturnedon