// DAY.jS START !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).dayjs=e()}(this,(function(){"use strict";var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return b},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)") } /** * COMMENT START BUTTON ON CLICK LISTENER */ $(".comment-button-{{uid}}").on("click", function () { if (isRuntimePlayer_{{uid}}) { var isCursorActive = $(this).hasClass("active-{{uid}}"); if (isCursorActive) { $(this).removeClass("active-{{uid}}"); deactiveCursor_{{uid}}(); } else { $(this).addClass("active-{{uid}}"); activeCursor_{{uid}}(); } } }); /** * SIDEBAR TOGGLE BUTTON */ $(".sidebar-button-{{uid}}, .close-sidebar-{{uid}}").on("click", function () { if (isRuntimePlayer_{{uid}}) { var isBarActive = $(".sidebar-button-{{uid}}").hasClass("active-{{uid}}"); if (isBarActive) { $(".sidebar-button-{{uid}}").removeClass("active-{{uid}}"); $(".sidebar-{{uid}}").removeClass("open-{{uid}}"); } else { $(".sidebar-button-{{uid}}").addClass("active-{{uid}}"); $(".sidebar-{{uid}}").addClass("open-{{uid}}"); } } }); /** * COMMENT ON THE POINT */ function commentOnThePoint_{{uid}}(event) { $(".new-comment-{{uid}}").remove(); if ($(".disable-cursor-{{uid}}").length == 0 && newCommentToggle_{{uid}}) { var x = event.clientX - $(".container-{{uid}}").position().left; var y = event.clientY - $(".container-{{uid}}").position().top; var percentageX = (x * 100) / $(".container-{{uid}}").width(); var percentageY = (y * 100) / $(".container-{{uid}}").height(); createNewCom_{{uid}}(percentageX.toFixed(3), percentageY.toFixed(3)); c8PlayerApi.pause(); } newCommentToggle_{{uid}} = !newCommentToggle_{{uid}}; } /** * CREATE NEW COMMENT ELEMENT */ function createNewCom_{{uid}}(x, y) { var classes; var styles; if (x > 65) { classes = "new-comment-{{uid}} xTooCloseRight-{{uid}}"; styles = `left: calc(${x}% - 1.5rem); bottom: calc(100% - ${y}%);`; } else { classes = "new-comment-{{uid}}"; styles = `left: ${x}%; bottom: calc(100% - ${y}%);`; } $(".container-{{uid}}").append( `

` ); document.querySelector(".new-comment-{{uid}} form textarea").focus(); // onHover Cursor Default $(".new-comment-{{uid}}").on("mouseenter", function () { addDisableCursor_{{uid}}(); }); $(".new-comment-{{uid}}").on("mouseleave", function () { removeDisableCursor_{{uid}}(); }); // When input keyup func. inputKeyup_{{uid}}($(".new-comment-{{uid}} form textarea")); $(".new-comment-{{uid}} form textarea").keydown(function (e) { if (curSession_{{uid}} == null) { if ((e.shiftKey && e.keyCode == 13) || e.keyCode == 13) { e.preventDefault(); } } }) // onSubmit func. formSubmit_{{uid}}($(".new-comment-{{uid}} form"), x, y, null); } /** * WHEN CURSOR ACTIVE */ function activeCursor_{{uid}}() { if (c8PlayerApi.getRuntime() == "PLAYER") { $(".container-{{uid}}").css("pointer-events", "all"); if (!isMobile_{{uid}}) { $("#pop-container").append( "

" ); var cursor_{{uid}} = document.querySelector(".cursor-{{uid}}"); moveCursor_{{uid}} = (e) => { var mouseY = e.clientY; var mouseX = e.clientX; cursor_{{uid}}.style.transform = `translate3d(${mouseX}px, ${mouseY}px, 0)`; }; window.addEventListener("mousemove", moveCursor_{{uid}}); } } } /** * WHEN CURSOR DEACTIVE */ function deactiveCursor_{{uid}}() { $(".container-{{uid}}").css("pointer-events", "none"); $(".new-comment-{{uid}}").remove(); if (!isMobile_{{uid}}) { $(".cursor-{{uid}}").remove(); window.removeEventListener("mousemove", moveCursor_{{uid}}); } } /** * CONTAINER INSIDE ONCLICK */ $("#overlay-area").on("click", overlayAreaClck_{{uid}}); function overlayAreaClck_{{uid}}(e) { if ($(".button-wrapper-{{uid}}").length) { if ($(".comment-button-{{uid}}").hasClass("active-{{uid}}")) { var isForm = e.target.closest(".new-comment-{{uid}} form"); var isBtns = e.target.closest(".button-wrapper-{{uid}}"); var isSeekIcon = e.target.closest(".seekbar-icon-{{uid}}"); if (isBtns === null && isForm === null && isSeekIcon === null) { commentOnThePoint_{{uid}}(e); } else { newCommentToggle_{{uid}} = true; } } var isModal = e.target.closest(".active-modal-{{uid}}"); var isSidebar = e.target.closest(".sidebar-{{uid}}"); if (isModal === null && isSidebar === null) { $(".created-comment-{{uid}}").each(function () { $(this).removeClass("active-modal-{{uid}}"); }); $(".sidebar-{{uid}} ul li").each(function () { $(this).removeClass("selected-{{uid}}"); }); } } } /** * REUSEABLE FUNCTIONS */ // Input on Keyup Function function inputKeyup_{{uid}}(element) { element.keyup(function (e) { if ($(this).val().trim().length > 0 && e.which === 13 && !e.shiftKey) { $(this).parent().submit(); } if ($(this).val().trim().length > 0 && curSession_{{uid}}) { $(this).parent().addClass("higher-{{uid}}"); } else { $(this).parent().removeClass("higher-{{uid}}"); } $(this) .parent() .children("p") .children("b") .text(`${$(this).val().length}`); }); $(element).on("focus", function () { $(".container-{{uid}}").after('

'); }); $(element).on("focusout", function () { $(".ivid-block-player").remove(); }); } // Form on Submit Function function formSubmit_{{uid}}(element, x, y, parentId) { element.on("submit", function (e) { e.preventDefault(); var sentMessage = ""; if(curSession_{{uid}} == null){ sentMessage = $(this).children("textarea").val().trim().replace(/\n/g, ""); }else{ sentMessage = $(this).children("textarea").val(); } if (sentMessage.length > 1) { $(this).children("textarea").val(""); $(this).removeClass("higher-{{uid}}"); if (curSession_{{uid}} !== null) { $(".new-comment-{{uid}}").remove(); socket_{{uid}}.publish({ user: curSession_{{uid}}, type: "comment", content: sentMessage, time: Number(c8PlayerApi.currentTime().toFixed(3)), pos: { x: x, y: y, }, parentId: parentId, }); } else { sessionStorage.setItem("c8-comment-on-video", sentMessage); curSession_{{uid}} = sessionStorage.getItem("c8-comment-on-video"); $(".new-comment-{{uid}} form textarea").attr("placeholder", addACommentTxt_{{uid}}); $(".cc-modal-{{uid}} form textarea").attr("placeholder", addACommentTxt_{{uid}}); newSpotUserLet_{{uid}} = curSession_{{uid}}.charAt(0).toUpperCase(); $(".new-comment-{{uid}} .user-{{uid}}").attr("data-user-name", curSession_{{uid}}.charAt(0).toUpperCase()) } } }); } // ADD DISABLE CURSOR function addDisableCursor_{{uid}}() { $(".cursor-{{uid}}").html(""); $(".cursor-{{uid}}").addClass("disable-cursor-{{uid}}"); } // REMOVE DISABLE CURSOR function removeDisableCursor_{{uid}}() { $(".cursor-{{uid}}").html( "" ); $(".cursor-{{uid}}").removeClass("disable-cursor-{{uid}}"); } /* * DATASTORE */ var ds_{{uid}} = c8PlayerApi.getAutoGenDatastore(); /* * SOCKET EVENTS */ var socket_{{uid}} = new c8PlayerApi.webSocket({ datastore: ds_{{uid}}, }); socket_{{uid}}.onOpen = function () { //console.log("Socket Con. Open!"); }; socket_{{uid}}.onMessage = function (message) { //console.log("onMessage: ", message); if (message.data.content.length > 0) { var commentItem = { user: message.data.user, content: message.data.content, time: message.data.time, pos: message.data.pos, created: message.created, id: message.id, parentId: message.parentId, replies: [], }; if (commentItem.parentId == undefined || commentItem.parentId == null) { allData_{{uid}}.push(commentItem); addSpot_{{uid}}(commentItem); videoTimeUpdate_{{uid}}(c8PlayerApi.currentTime()); } else { var parent = allData_{{uid}}.filter((a) => a.id === commentItem.parentId); parent[0].replies.push(commentItem); updateReplies_{{uid}}(parent[0].id, commentItem); $( `.created-comment-{{uid}}[data-c8-id="${parent[0].id}"] .cc-hoverable-wrapper-{{uid}}` ).addClass("sclaeUp-{{uid}}"); setTimeout(() => { $( `.created-comment-{{uid}}[data-c8-id="${parent[0].id}"] .cc-hoverable-wrapper-{{uid}}` ).removeClass("sclaeUp-{{uid}}"); }, 600); } } }; socket_{{uid}}.onActiveConnectionsChange = function (message) { // console.log(message.data); }; c8PlayerApi.on("widgetDestroy", function () { socket_{{uid}}.close(); //console.log("widgetDestroy"); deactiveCursor_{{uid}}(); $("#overlay-area").off("click", overlayAreaClck_{{uid}}); $("#xvideo").off("timeupdate", videoTimeUpdate_{{uid}}(c8PlayerApi.currentTime())) if (!isSeekbarDisable_{{uid}}) { $(".seekbar-{{uid}}").remove(); } }); socket_{{uid}}.onError = function (err) { console.log("Socket Error!", err); }; var searchOffset_{{uid}} = 0 var searchLimit_{{uid}} = 100 var totalPage_{{uid}} = null var allDataTemp_{{uid}} = []; function searchComments_{{uid}}() { // Example Usage: var promise = ds_{{uid}}.search({ sortField: "created", sortOrder: "asc", offset: searchOffset_{{uid}}, limit: searchLimit_{{uid}}, filters: [], }); promise .then((res) => { if (totalPage_{{uid}} == null) { totalPage_{{uid}} = Math.ceil(res.total / searchLimit_{{uid}}); } if (res.items.length > 0) { allDataTemp_{{uid}} = allDataTemp_{{uid}}.concat(res.items); } if (--totalPage_{{uid}} > 0) { searchOffset_{{uid}} += searchLimit_{{uid}} searchComments_{{uid}}() } else { allData_{{uid}} = formatData(allDataTemp_{{uid}}); allData_{{uid}}.forEach((item) => { addSpot_{{uid}}(item); }); videoTimeUpdate_{{uid}}(c8PlayerApi.currentTime()); allDataTemp_{{uid}} = []; } }) .catch((err) => { console.log(err); // Handle any errors here }); } function formatData(inputData) { const result = []; const map = new Map(); inputData.forEach((item) => { const newItem = { user: item.data.user, content: item.data.content, time: item.data.time, pos: Object.assign({}, item.data.pos), created: item.created, id: item.id, parentId: item.parentId, replies: [], }; map.set(item.id, newItem); }); inputData.forEach((item) => { if (item.parentId !== null) { const parent = map.get(item.parentId); if (!parent.replies) { parent.replies = []; } parent.replies.push(map.get(item.id)); } else { result.push(map.get(item.id)); } }); return result; } function addSpot_{{uid}}(item) { //console.log("Added Spot Item: ", item); var classes; var styles; if (item.pos.x > 65) { classes = "created-comment-{{uid}} xTooCloseRight-{{uid}}"; styles = `right: ${100 - item.pos.x}%; bottom: calc(100% - ${ item.pos.y }%);`; } else { classes = "created-comment-{{uid}}"; styles = `left: ${item.pos.x}%; bottom: calc(100% - ${item.pos.y}%);`; } if (item.pos.y >= 45 && item.pos.y <= 55) { classes += " yTooCloseCenter-{{uid}}"; } if (item.pos.y > 55) { classes += " yTooCloseBottom-{{uid}}"; } $(".container-{{uid}}").append( `

${item.user}

${dayjs(item.created).fromNow(true)} ago

${item.content}

${ item.replies.length > 1 ? `${item.replies.length - 1} replies` : "" }

` ); updateReplies_{{uid}}(item.id, item); if (item.replies.length > 0) { item.replies.forEach((msg) => { updateReplies_{{uid}}(item.id, msg); }); } // Generate Seekbar Item if (!isSeekbarDisable_{{uid}}) { addSeekbarItem_{{uid}}(item) } // Sidebar Item $(".sidebar-{{uid}} ul").append(`

${item.user}${dayjs(item.created).fromNow( true )} ago

${convertFromSeconds_{{uid}}(item.time)}

${item.content}

${ item.replies.length == 0 ? "" : item.replies.length == 1 ? "+1 reply" : `+${item.replies.length} replies` }

`); // Sorting the Sidebar Item by Jump Seconds var sidebarList = document.querySelectorAll(".sidebar-{{uid}} ul li"); var itemsArray = Array.prototype.slice.call(sidebarList); itemsArray.sort(function (a, b) { var secA = parseFloat(a.getAttribute("data-jump-time")); var secB = parseFloat(b.getAttribute("data-jump-time")); return secA - secB; }); var sideUL = document.querySelector(".sidebar-{{uid}} ul"); sideUL.innerHTML = ""; itemsArray.forEach(function (item) { sideUL.appendChild(item); }); // Spot onClick Listener $(`.created-comment-{{uid}}[data-c8-id="${item.id}"]`).on("click", function (e) { debugger if ($(this).hasClass("active-modal-{{uid}}")) { if ( e.target.closest(".close-modal-{{uid}}") !== null || e.target.closest(".cc-hoverable-wrapper-{{uid}}") !== null ) { $(this).removeClass("active-modal-{{uid}}"); $(`.sidebar-{{uid}} ul li[data-unique-id="${item.id}"]`).removeClass( "selected-{{uid}}" ); // c8PlayerApi.executeWidgetPropActions("commentCloseAct"); c8PlayerApi.play(); } } else { $(".created-comment-{{uid}}").each(function () { $(this).removeClass("active-modal-{{uid}}"); }); $(".sidebar-{{uid}} ul li").each(function () { $(this).removeClass("selected-{{uid}}"); }); $(this).addClass("active-modal-{{uid}}"); $(`.sidebar-{{uid}} ul li[data-unique-id="${item.id}"]`).addClass( "selected-{{uid}}" ); document .querySelector( `.created-comment-{{uid}}[data-c8-id="${item.id}"] form textarea` ) .focus(); // c8PlayerApi.executeWidgetPropActions("commentClickAct"); c8PlayerApi.pause(); c8PlayerApi.currentTime(item.time); } }); // Sidebar Item onClick Listener $(`.sidebar-{{uid}} ul li[data-unique-id="${item.id}"]`).on( "click", function (e) { var alreadyOpen = $(this).hasClass("selected-{{uid}}") // Reset All Clicked $(".created-comment-{{uid}}").each(function () { $(this).removeClass("active-modal-{{uid}}"); }); $(".sidebar-{{uid}} ul li").each(function () { $(this).removeClass("selected-{{uid}}"); }); c8PlayerApi.play(); if (!alreadyOpen) { $(this).addClass("selected-{{uid}}"); c8PlayerApi.currentTime($(this).attr("data-jump-time")); setTimeout(() => { $(`.created-comment-{{uid}}[data-c8-id="${item.id}"]`).addClass( "active-modal-{{uid}}" ); }, 400); c8PlayerApi.pause(); } } ); // COMMENT SPOT ON HOVER ACTIONS $(`.created-comment-{{uid}}[data-c8-id="${item.id}"]`).on( "mouseenter", function () { addDisableCursor_{{uid}}(); } ); $(`.created-comment-{{uid}}[data-c8-id="${item.id}"]`).on( "mouseleave", function () { removeDisableCursor_{{uid}}(); } ); // When input keyup func. inputKeyup_{{uid}}( $(`.created-comment-{{uid}}[data-c8-id="${item.id}"] form textarea`) ); $(`.created-comment-{{uid}}[data-c8-id="${item.id}"] form textarea`).keydown(function (e) { if (curSession_{{uid}} == null) { if ((e.shiftKey && e.keyCode == 13) || e.keyCode == 13) { e.preventDefault(); } console.log("session null"); } }) // onSubmit func. formSubmit_{{uid}}( $(`.created-comment-{{uid}}[data-c8-id="${item.id}"] form`), item.x, item.y, item.id ); } function updateReplies_{{uid}}(parentClassID, item) { var currentModal = $( `.created-comment-{{uid}}[data-c8-id="${parentClassID}"] .cc-modal-{{uid}} ul` ).html(); currentModal += `

${item.user}

${dayjs(item.created).fromNow(true)} ago

${item.content}

`; $( `.created-comment-{{uid}}[data-c8-id="${parentClassID}"] .cc-modal-{{uid}} ul` ).html(currentModal); // Total Replies Count Control var totalReplies = $( `.created-comment-{{uid}}[data-c8-id="${parentClassID}"] .cc-modal-{{uid}} ul li` ).length; if (totalReplies > 1) { $( `.created-comment-{{uid}}[data-c8-id="${parentClassID}"] .cc-hoverable-{{uid}} span` ).text( `+${totalReplies - 1} ${totalReplies - 1 === 1 ? "reply" : "replies"}` ); $(`.sidebar-{{uid}} ul li[data-unique-id='${parentClassID}'] h5`).text( `+${totalReplies - 1} ${totalReplies - 1 === 1 ? "reply" : "replies"}` ); } } // ADD SEEKBAR SPOT function addSeekbarItem_{{uid}}(item) { var leftPercentage = (Number(item.time) * 100) / Number(document.getElementById("xvideo").duration) var seekbarHTML = `

${item.user.charAt(0).toUpperCase()}

` $(".seekbar-{{uid}}").append(seekbarHTML) $(`.seekbar-item-{{uid}}[data-seekbar-id="${item.id}"]`).on("click", function () { // Reset All Clicked $(".created-comment-{{uid}}").each(function () { $(this).removeClass("active-modal-{{uid}}"); }); $(".sidebar-{{uid}} ul li").each(function () { $(this).removeClass("selected-{{uid}}"); }); c8PlayerApi.currentTime(item.time); setTimeout(() => { $(`.created-comment-{{uid}}[data-c8-id="${item.id}"]`).addClass( "active-modal-{{uid}}" ); }, 400); c8PlayerApi.pause(); }) // COMMENT SPOT ON HOVER ACTIONS $(`.seekbar-item-{{uid}}[data-seekbar-id="${item.id}"]`).on( "mouseenter", function () { addDisableCursor_{{uid}}(); } ); $(`.seekbar-item-{{uid}}[data-seekbar-id="${item.id}"]`).on( "mouseleave", function () { removeDisableCursor_{{uid}}(); } ); } // ONVIDEO UPDATE SEC $("#xvideo").on("timeupdate", function () { videoTimeUpdate_{{uid}}(Number($(this).prop("currentTime").toFixed(3))); }); function videoTimeUpdate_{{uid}}(currentTime) { var animationedList = allData_{{uid}}.filter( (element) => Number(element.time) <= currentTime && Number(element.time) + gsapDelay_{{uid}} > currentTime ); animationedList.forEach((notAnim) => { $(`.created-comment-{{uid}}[data-c8-id="${notAnim.id}"]`).addClass( "spotAnimation-{{uid}}" ); gsap.to(`.created-comment-{{uid}}[data-c8-id="${notAnim.id}"]`, { scale: 1, ease: "back", duration: 0.5, }); }); var removeAnimationList = allData_{{uid}}.filter( (element) => Number(element.time) > currentTime || Number(element.time) + gsapDelay_{{uid}} < currentTime ); removeAnimationList.forEach((animated) => { if ($(`.created-comment-{{uid}}[data-c8-id="${animated.id}"].spotAnimation-{{uid}}`).length > 0) { $(`.created-comment-{{uid}}[data-c8-id="${animated.id}"]`).removeClass("active-modal-{{uid}}") $(`.sidebar-c8w_234381 ul li[data-unique-id="${animated.id}"]`).removeClass("selected-{{uid}}") gsap.to( `.created-comment-{{uid}}[data-c8-id="${animated.id}"].spotAnimation-{{uid}}`, { scale: 0, ease: "power2.out", duration: 0.5, } ); $(`.created-comment-{{uid}}[data-c8-id="${animated.id}"]`).removeClass( "spotAnimation-{{uid}}" ); } }); } function convertFromSeconds_{{uid}}(secs) { var sec_num = parseInt(secs, 10); var hours = Math.floor(sec_num / 3600); var minutes = Math.floor(sec_num / 60) % 60; var seconds = sec_num % 60; return [hours, minutes, seconds] .map((v) => (v < 10 ? "0" + v : v)) .filter((v, i) => v !== "00" || i > 0) .join(":"); } // MOUSE COMMENT ICON HIDDEN ON HOVER $(`.ext-video-controls, .button-wrapper-{{uid}}, .sidebar-{{uid}}`).on("mouseenter", function () { addDisableCursor_{{uid}}(); }); $(`.ext-video-controls, .button-wrapper-{{uid}}, .sidebar-{{uid}}`).on("mouseleave", function () { removeDisableCursor_{{uid}}(); }); var timerInterval_{{uid}} = setInterval(() => { var video_{{uid}} = document.querySelector('.gplayerVideo video') if(video_{{uid}} != null && !isNaN(video_{{uid}}.duration)){ clearInterval(timerInterval_{{uid}}) searchComments_{{uid}}() } }, 100) c8PlayerApi.on("variableChange", function(variableName, prevValue, newValue){ console.log("VariableChange Event:", variableName, prevValue, newValue) if("___open_collab_modal" == variableName){ if($('#ivid-start-box').is(':visible')){ c8PlayerApi.play(); } var itemEl = document.querySelector('.seekbar-item-{{uid}}[data-seekbar-id="'+newValue+'"]') if(itemEl != null){ itemEl.click(); } } }) //console.log("Auth User:", c8PlayerApi.getAuthenticatedUser());

Name	Type	Default Value
Spot Visibility Seconds	Text	-
Text Color	Color	rgba(255,255,255,1)
Background Color	Color	rgba(27,32,33,1)
Highlight Color	Color	rgba(82,92,235,1)
Disable Comment List Panel	Boolean	-
Disable Seekbar Indicator	Boolean	-
Full name Input Text	Text	-
Add a Comment Text	Text	-
Comment Panel Title	Text	-

Smart Streamer

Interaction Designer

Smart Streamer

Interaction Designer

On-video Comments

Category