{"id":723,"date":"2020-03-08T22:16:42","date_gmt":"2020-03-08T21:16:42","guid":{"rendered":"https:\/\/coloclue.net\/?page_id=723"},"modified":"2024-11-03T22:32:10","modified_gmt":"2024-11-03T21:32:10","slug":"coloclue-presents-videos","status":"publish","type":"page","link":"https:\/\/coloclue.net\/en\/coloclue-presents-videos\/","title":{"rendered":"ColoClue Presents Videos"},"content":{"rendered":"<p>On this page you can find all the videos from ColoClue Presents of the last few years:<\/p>\n<h2>ColoClue Presents 2019<\/h2>\n<p>The videos from ColoClue Presents 2019 will be made available soon.<\/p>\n<h2>ColoClue Presents 2018<\/h2>\n<p><center><br \/>\n<script src=\"\/ccpresents2018\/hls.light.min.js\"><\/script><br \/>\n<video id=\"video\" poster=\"\/ccpresents2018\/master_poster.png\" controls=\"controls\" width=\"1280px\" height=\"720px\"><\/video><br \/>\n<script>\nvar url = '\/ccpresents2018\/ccpresents2018.m3u8';\nvar video = document.getElementById('video');\nif (Hls.isSupported()) {\n    var hls = new Hls();\n    hls.loadSource(url);\n    hls.attachMedia(video);\n\thls.startLevel = 1;\n\thls.debug = true;\n    hls.on(Hls.Events.MANIFEST_PARSED, function () {\n        \/\/video.play();\n\t\tconsole.log(hls.levels);\n\t    var video = document.getElementById('video');\n\t\tvideo.insertAdjacentHTML('afterend', '<select id=\"qSelect\" style=\"display: block;\">');\n\t\tvar qSelect = document.getElementById('qSelect');\n\t\tfor (var i=0; i < hls.levels.length; i++) {\n\t\t\tvar l = hls.levels[i];\n\t\t\tconsole.log('level = ');\n\t\t\tconsole.log(l);\n\t\t\tif (i === 1) {\n \t\t\t\tqSelect.insertAdjacentHTML('beforeend', '<option selected=\"selected\" value=\"' + i + '\">' + l.width + ' x ' + l.height + '<\/option');\n\t\t\t} else {\n \t\t\t\tqSelect.insertAdjacentHTML('beforeend', '<option value=\"' + i + '\">' + l.width + ' x ' + l.height + '<\/option');\n\t\t\t}\n\t\t}\n\t\tqSelect.onchange = function (e) {\n\t\t\tvar value = parseInt(qSelect.value);\n\t\t\thls.currentLevel = value;\n\t\t\tconsole.log('Setting manual level to ' + value);\n\t\t};\n    });\n}\n\/\/ hls.js is not supported on platforms that do not have Media Source Extensions (MSE) enabled.\n\/\/ When the browser has built-in HLS support (check using `canPlayType`), we can provide an HLS manifest (i.e. .m3u8 URL) directly to the video element throught the `src` property.\n\/\/ This is using the built-in support of the plain video element, without using hls.js.\n\/\/ Note: it would be more normal to wait on the 'canplay' event below however on Safari (where you are most likely to find built-in HLS support) the video.src URL must be on the user-driven\n\/\/ white-list before a 'canplay' event will be emitted; the last video event that can be reliably listened-for when the URL is not on the white-list is 'loadedmetadata'.\nelse if (video.canPlayType('application\/vnd.apple.mpegurl')) {\n    video.src = 'https:\/\/video-dev.github.io\/streams\/x36xhzz\/x36xhzz.m3u8';\n    video.addEventListener('loadedmetadata',function() {\n        video.play();\n    });\n}\n<\/script><br \/>\n<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"<p>On this page you can find all the videos from ColoClue Presents of the last few years: ColoClue Presents 2019 The videos from ColoClue Presents 2019 will be made available soon. ColoClue Presents 2018<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-723","page","type-page","status-publish","hentry"],"translation":{"provider":"WPGlobus","version":"3.0.2","language":"en","enabled_languages":["nl","en"],"languages":{"nl":{"title":true,"content":true,"excerpt":false},"en":{"title":true,"content":true,"excerpt":false}}},"_links":{"self":[{"href":"https:\/\/coloclue.net\/en\/wp-json\/wp\/v2\/pages\/723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coloclue.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coloclue.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coloclue.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coloclue.net\/en\/wp-json\/wp\/v2\/comments?post=723"}],"version-history":[{"count":29,"href":"https:\/\/coloclue.net\/en\/wp-json\/wp\/v2\/pages\/723\/revisions"}],"predecessor-version":[{"id":1899,"href":"https:\/\/coloclue.net\/en\/wp-json\/wp\/v2\/pages\/723\/revisions\/1899"}],"wp:attachment":[{"href":"https:\/\/coloclue.net\/en\/wp-json\/wp\/v2\/media?parent=723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}