{"id":0,"registry":{"0":{"shape":{"__isSmartRef__":true,"id":1},"submorphs":[],"scripts":[],"_ClipMode":"hidden","derivationIds":["3ABFAB66-3E1D-4B57-B4D3-DBF0D37DCE60","D3CB6A05-D42B-419A-992D-1DDF9DDED959","034779AD-D220-487C-A85D-C8C72ED576E0","334AD1D8-40EC-4B9C-818C-37699FB7674D","84D78072-9CDC-4D7A-9F75-56681F89DF7E","F19DA916-0485-4B6D-B336-3B804252F0AB","524F6B82-3EE0-4368-AA37-DC9BF0AC187E","EAFA5923-8B15-4F15-A967-226837C3BDBA","99ED38FB-9C21-41DD-8581-73A789669C26","6C11A546-5CEC-41C7-84AD-EAF8CC247F04","7311C32A-91AB-422C-B6F8-68F2C979BD99","519ABD29-7315-4089-A746-0DE8361DCECC","7DCB436E-5813-403A-9FA4-D35D94B6E546","A277934D-3BC2-4781-BBAF-0C3000B912D9","E6DC2597-5B90-4A8A-BDEE-E6F3DCEEA132","D1610C70-C799-443A-A5B4-AFCC29BF97F0","0ACF85E0-4BFB-4342-B6D6-F69CB36B1CA8","0A998CFB-5CAD-49C1-ACD5-118C19466E6F","07669D8B-AA07-44D3-8C25-2D132F34A051","3319E352-5479-4F52-A32B-4F0B4C9D5171","4EE90D2D-AAB1-4332-8554-F103C6DEB78C","4B780142-2341-4C67-A866-ADF23239D87B","B9D170CB-AEEA-415E-BAED-B8E5240B8822"],"id":"D522FC7B-7273-49E0-A183-C0A38E6F506D","droppingEnabled":true,"halosEnabled":true,"_StyleClassNames":["Morph","HtmlWrapperMorph","selectable"],"eventHandler":{"__isSmartRef__":true,"id":2},"showsHalos":false,"partsBinMetaInfo":{"__isSmartRef__":true,"id":3},"name":"VisualBuffer","prevScroll":[0,0],"isBeingDragged":false,"videoStream":{"__isSmartRef__":true,"id":30},"layout":{"__isSmartRef__":true,"id":31},"__serializedExpressions__":["_Position","distanceToDragEvent"],"_Rotation":0,"_Scale":1,"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":32},"__LivelyClassName__":"lively.morphic.HtmlWrapperMorph","__SourceModuleName__":"Global.lively.morphic.AdditionalMorphs","_Position":"lively.pt(0.0,0.0)","distanceToDragEvent":"lively.pt(437.0,-11.0)"},"1":{"_BorderWidth":0,"stringifiedShapeNode":"<div xmlns=\"http://www.w3.org/1999/xhtml\" data-lively-morphid=\"D522FC7B-7273-49E0-A183-C0A38E6F506D\" class=\"Morph HtmlWrapperMorph selectable\" id=\"null\" style=\"overflow: hidden; border: 0px solid rgb(255, 255, 255); padding: 0px; width: 656px; height: 46px; position: absolute; left: 0px; top: 0px; background: rgb(247, 247, 247);\"><canvas id=\"canvas\" style=\"width: 100%; height: 100%;\" width=\"656\" height=\"46\"></canvas></div>","_BorderRadius":0,"__serializedExpressions__":["_Padding","_Position","_Extent","_Fill","extent","_BorderColor"],"__LivelyClassName__":"lively.morphic.Shapes.External","__SourceModuleName__":"Global.lively.morphic.Shapes","_Padding":"lively.rect(0,0,0,0)","_Position":"lively.pt(0.0,0.0)","_Extent":"lively.pt(656.0,46.0)","_Fill":"Color.rgb(247,247,247)","extent":"lively.pt(656.0,46.0)","_BorderColor":"Color.rgb(255,255,255)"},"2":{"morph":{"__isSmartRef__":true,"id":0},"__LivelyClassName__":"lively.morphic.EventHandler","__SourceModuleName__":"Global.lively.morphic.Events"},"3":{"partName":"VisualBuffer","requiredModules":[],"partsSpaceName":"PartsBin/Felix/","comment":"no comment","changes":[{"__isSmartRef__":true,"id":4},{"__isSmartRef__":true,"id":5},{"__isSmartRef__":true,"id":6},{"__isSmartRef__":true,"id":7},{"__isSmartRef__":true,"id":8},{"__isSmartRef__":true,"id":9},{"__isSmartRef__":true,"id":10},{"__isSmartRef__":true,"id":11},{"__isSmartRef__":true,"id":12},{"__isSmartRef__":true,"id":13},{"__isSmartRef__":true,"id":14},{"__isSmartRef__":true,"id":15},{"__isSmartRef__":true,"id":16},{"__isSmartRef__":true,"id":17},{"__isSmartRef__":true,"id":18},{"__isSmartRef__":true,"id":19},{"__isSmartRef__":true,"id":20},{"__isSmartRef__":true,"id":21},{"__isSmartRef__":true,"id":22},{"__isSmartRef__":true,"id":23},{"__isSmartRef__":true,"id":24},{"__isSmartRef__":true,"id":25},{"__isSmartRef__":true,"id":26},{"__isSmartRef__":true,"id":27},{"__isSmartRef__":true,"id":28},{"__isSmartRef__":true,"id":29}],"migrationLevel":9,"__serializedExpressions__":["lastModifiedDate"],"__LivelyClassName__":"lively.PartsBin.PartsBinMetaInfo","__SourceModuleName__":"Global.lively.PartsBin","lastModifiedDate":"new Date(\"Fri Dec 05 2014 13:37:18 GMT-0800 (PST)\")"},"4":{"author":"felix","message":"no comment","id":"AC63A99B-8C3D-4727-A312-50BCA36DBBD0","__serializedExpressions__":["date"],"date":"new Date(\"Fri Dec 05 2014 13:37:17 GMT-0800 (PST)\")"},"5":{"author":"felix","message":"no comment","id":"21C81C6E-6B2D-4DD5-A38C-8E2F6404E92E","__serializedExpressions__":["date"],"date":"new Date(\"Fri Nov 07 2014 17:04:48 GMT-0800 (PST)\")"},"6":{"author":"Felix","message":"no comment","id":"F09D0753-6FD3-479D-9E5B-BEFDDB175605","__serializedExpressions__":["date"],"date":"new Date(\"Tue Oct 14 2014 10:29:29 GMT-0700 (PDT)\")"},"7":{"author":"Felix","message":"no comment","id":"E2D9CF64-7825-447B-A590-1D9366B57DF6","__serializedExpressions__":["date"],"date":"new Date(\"Tue Oct 14 2014 10:14:26 GMT-0700 (PDT)\")"},"8":{"author":"Felix","message":"no comment","id":"15EDA9F5-3238-452B-ABD9-1B03D9297F1A","__serializedExpressions__":["date"],"date":"new Date(\"Tue Oct 14 2014 10:12:49 GMT-0700 (PDT)\")"},"9":{"author":"Felix","message":"no comment","id":"C2249828-A213-4C74-9C13-46D2764A6E42","__serializedExpressions__":["date"],"date":"new Date(\"Tue Oct 14 2014 10:12:35 GMT-0700 (PDT)\")"},"10":{"author":"Felix","message":"no comment","id":"D883CD05-D40C-4DCB-B670-D2D39B226F1E","__serializedExpressions__":["date"],"date":"new Date(\"Wed Oct 01 2014 11:25:15 GMT-0700 (PDT)\")"},"11":{"author":"Felix","message":"no comment","id":"1D3E1C17-4E3F-4100-BC8A-89483E845DD6","__serializedExpressions__":["date"],"date":"new Date(\"Fri Sep 19 2014 11:58:39 GMT-0700 (PDT)\")"},"12":{"author":"Felix","message":"no comment","id":"8ADFF105-D597-4120-9BB9-185D78A0120B","__serializedExpressions__":["date"],"date":"new Date(\"Fri Sep 19 2014 11:51:40 GMT-0700 (PDT)\")"},"13":{"author":"Felix","message":"no comment","id":"F5EB70F2-0C07-455E-9C56-C4B4399D75A6","__serializedExpressions__":["date"],"date":"new Date(\"Wed Sep 17 2014 11:57:10 GMT-0700 (PDT)\")"},"14":{"author":"Felix","message":"no comment","id":"B885FE7C-2AE8-40C9-98B2-454801DAEAAD","__serializedExpressions__":["date"],"date":"new Date(\"Wed Sep 17 2014 11:51:14 GMT-0700 (PDT)\")"},"15":{"author":"Felix","message":"no comment","id":"DA5F2553-C571-4C5F-BE03-F34BFE597DCB","__serializedExpressions__":["date"],"date":"new Date(\"Mon Sep 15 2014 16:57:32 GMT-0700 (PDT)\")"},"16":{"author":"robertkrahn","message":"Fixed reset as suggested by Rick. Thanks Rick!","id":"C9389773-D839-4E3C-AF10-28F6282541BB","__serializedExpressions__":["date"],"date":"new Date(\"Thu Jul 17 2014 12:02:10 GMT-0700 (PDT)\")"},"17":{"author":"robertkrahn","message":"no comment","id":"4B305BE4-1B35-4BBB-ABCE-D255D563CBD9","__serializedExpressions__":["date"],"date":"new Date(\"Wed Feb 12 2014 15:34:42 GMT-0800 (PST)\")"},"18":{"author":"robertkrahn","message":"no comment","id":"FC45EDD5-3632-41E9-8CCF-1E7BF0F5B7FA","__serializedExpressions__":["date"],"date":"new Date(\"Wed Feb 12 2014 15:35:06 GMT-0800 (PST)\")"},"19":{"author":"robertkrahn","message":"clipped","id":"D4A9A56A-16E6-4D3D-9B42-425F9CE8E8B6","__serializedExpressions__":["date"],"date":"new Date(\"Wed Feb 12 2014 16:29:30 GMT-0800 (PST)\")"},"20":{"author":"robertkrahn","message":"clipped","id":"287FA9C0-4815-46CD-B588-28102199A3F0","__serializedExpressions__":["date"],"date":"new Date(\"Wed Feb 12 2014 16:29:38 GMT-0800 (PST)\")"},"21":{"author":"Felix","message":"no comment","id":"3AF61770-FDB7-47F7-8A96-9F72BEF4B07A","__serializedExpressions__":["date"],"date":"new Date(\"Mon Sep 15 2014 09:57:39 GMT-0700 (PDT)\")"},"22":{"author":"Felix","message":"no comment","id":"88D77A70-F30A-4F5E-9428-7B3A223A612C","__serializedExpressions__":["date"],"date":"new Date(\"Mon Sep 15 2014 16:59:24 GMT-0700 (PDT)\")"},"23":{"author":"Felix","message":"no comment","id":"0857F38C-AA5A-4BC1-93B9-DF50D54978BA","__serializedExpressions__":["date"],"date":"new Date(\"Mon Sep 15 2014 17:13:36 GMT-0700 (PDT)\")"},"24":{"author":"Felix","message":"no comment","id":"09F25D55-CBC2-4571-BA3B-C753B9A3DA76","__serializedExpressions__":["date"],"date":"new Date(\"Wed Sep 17 2014 11:38:12 GMT-0700 (PDT)\")"},"25":{"author":"Felix","message":"no comment","id":"AD88A605-E189-4413-93AD-76E016F4002D","__serializedExpressions__":["date"],"date":"new Date(\"Tue Sep 30 2014 17:47:47 GMT-0700 (PDT)\")"},"26":{"author":"Felix","message":"no comment","id":"C0B6C053-F2DF-4623-BA69-4264D51D489B","__serializedExpressions__":["date"],"date":"new Date(\"Wed Oct 01 2014 11:39:21 GMT-0700 (PDT)\")"},"27":{"author":"Felix","message":"no comment","id":"5F8381F7-A538-4741-BCCD-434834224638","__serializedExpressions__":["date"],"date":"new Date(\"Thu Oct 16 2014 13:32:34 GMT-0700 (PDT)\")"},"28":{"author":"felix","message":"no comment","id":"4441AE89-094C-4886-9E16-5A5EB65392E4","__serializedExpressions__":["date"],"date":"new Date(\"Fri Nov 07 2014 17:06:52 GMT-0800 (PST)\")"},"29":{"__serializedExpressions__":["date"],"author":"Felix","message":"no comment","id":"10E33AA3-7B2B-48F9-BA57-A3E8877B48DB","date":"new Date(\"Tue Dec 30 2014 15:39:30 GMT-0800 (PST)\")"},"30":{"onremovetrack":null,"onaddtrack":null,"onended":null,"ended":true,"id":"CQTMOOTdGmm8AC8P78AS2RM1pfl9WW7UP8us","label":"CQTMOOTdGmm8AC8P78AS2RM1pfl9WW7UP8us"},"31":{"resizeWidth":true,"resizeHeight":true},"32":{"reset":{"__isSmartRef__":true,"id":33},"registerEventOnScreen":{"__isSmartRef__":true,"id":36},"getCanvas":{"__isSmartRef__":true,"id":39},"setExtent":{"__isSmartRef__":true,"id":42},"visualizeBuffer":{"__isSmartRef__":true,"id":49},"clear":{"__isSmartRef__":true,"id":52}},"33":{"varMapping":{"__isSmartRef__":true,"id":34},"source":"function reset() {\n    this.setClipMode(\"auto\");\n    this.jQuery().html('<canvas width=\"0\" height=\"0\" id=\"canvas\"></canvas>');\n}","funcProperties":{"__isSmartRef__":true,"id":35},"__LivelyClassName__":"lively.Closure"},"34":{"this":{"__isSmartRef__":true,"id":0}},"35":{"user":"Felix","__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Tue Oct 14 2014 10:13:44 GMT-0700 (PDT)\")"},"36":{"varMapping":{"__isSmartRef__":true,"id":37},"source":"function registerEventOnScreen(event, callback) {\n    var video = this.jQuery().children('video').get(0);\n    video.addEventListener(event, callback);\n}","funcProperties":{"__isSmartRef__":true,"id":38},"__LivelyClassName__":"lively.Closure"},"37":{"this":{"__isSmartRef__":true,"id":0}},"38":{"user":"Felix","__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Mon Sep 15 2014 17:12:59 GMT-0700 (PDT)\")"},"39":{"varMapping":{"__isSmartRef__":true,"id":40},"source":"function getCanvas() {\n    return this.jQuery().children('canvas').get(0);\n}","funcProperties":{"__isSmartRef__":true,"id":41},"__LivelyClassName__":"lively.Closure"},"40":{"this":{"__isSmartRef__":true,"id":0}},"41":{"user":"Felix","__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Tue Oct 14 2014 10:26:38 GMT-0700 (PDT)\")"},"42":{"varMapping":{"__isSmartRef__":true,"id":43},"source":"function setExtent(ext) {\n    $super(ext);\n    var canvas = this.getCanvas();\n    canvas.width = ext.x;\n    canvas.height = ext.y;\n}","funcProperties":{"__isSmartRef__":true,"id":48},"__LivelyClassName__":"lively.Closure"},"43":{"this":{"__isSmartRef__":true,"id":0},"__serializedLivelyClosures__":{"__isSmartRef__":true,"id":44}},"44":{"$super":{"__isSmartRef__":true,"id":45}},"45":{"varMapping":{"__isSmartRef__":true,"id":46},"source":"function () {\n        try {\n          // FIXME super is supposed to be static\n          return Object.getPrototypeOf(obj)[name].apply(obj, arguments);\n        } catch (e) {\n          if (typeof $world !== undefined) $world.logError(e, 'Error in $super call')\n          else alert('Error in $super call: ' + e + '\\n' + e.stack);\n          return null;\n        }\n      }","funcProperties":{"__isSmartRef__":true,"id":47},"__LivelyClassName__":"lively.Closure"},"46":{"obj":{"__isSmartRef__":true,"id":0},"name":"setExtent"},"47":{},"48":{"user":"felix","tags":[],"__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Fri Dec 05 2014 13:36:19 GMT-0800 (PST)\")"},"49":{"varMapping":{"__isSmartRef__":true,"id":50},"source":"function visualizeBuffer() {\n    this.clear();\n    var player = $morph('CanvasScreen-1');\n    var start = player.starttime;\n    var end = player.recentBuffer.last().timestamp;\n    var duration = end - start;\n    var canvas = this.getCanvas();\n    var ctx = canvas.getContext('2d');\n    \n    player.availableBufferChunks.forEach(function(timecode) {\n        player.pastBufferIndex[timecode].data.forEach(function(frame) {\n            var pos = ((frame.timestamp - start) / duration) * canvas.width;\n            ctx.fillstyle = '#ffffff';\n            ctx.fillRect(pos, 0, 1, canvas.height);\n        });\n    });\n    \n    player.recentBuffer.forEach(function(frame) {\n        var pos = ((frame.timestamp - start) / duration) * canvas.width;\n        ctx.fillstyle = '#ffffff';\n        ctx.fillRect(pos, 0, 1, canvas.height);\n    });\n}","funcProperties":{"__isSmartRef__":true,"id":51},"__LivelyClassName__":"lively.Closure"},"50":{"this":{"__isSmartRef__":true,"id":0}},"51":{"__serializedExpressions__":["timestamp"],"user":"Felix","timestamp":"new Date(\"Tue Dec 30 2014 13:09:08 GMT-0800 (PST)\")"},"52":{"varMapping":{"__isSmartRef__":true,"id":53},"source":"function clear() {\n    var canvas = this.getCanvas();\n    canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height);\n}","funcProperties":{"__isSmartRef__":true,"id":54},"__LivelyClassName__":"lively.Closure"},"53":{"this":{"__isSmartRef__":true,"id":0}},"54":{"user":"felix","__serializedExpressions__":["timestamp"],"timestamp":"new Date(\"Thu Dec 25 2014 16:31:31 GMT-0800 (PST)\")"},"isSimplifiedRegistry":true}}