.lds-666d4d9718ce7ellipsis { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-666d4d9718ce7ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-666d4d9718ce7ellipsis div:nth-child(1) { left: 8px; animation: lds-666d4d9718ce7ellipsis1 0.6s infinite; } .lds-666d4d9718ce7ellipsis div:nth-child(2) { left: 8px; animation: lds-666d4d9718ce7ellipsis2 0.6s infinite; } .lds-666d4d9718ce7ellipsis div:nth-child(3) { left: 32px; animation: lds-666d4d9718ce7ellipsis2 0.6s infinite; } .lds-666d4d9718ce7ellipsis div:nth-child(4) { left: 56px; animation: lds-666d4d9718ce7ellipsis3 0.6s infinite; } @keyframes lds-666d4d9718ce7ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-666d4d9718ce7ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-666d4d9718ce7ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } var avideoLoader = '
'; var webSiteRootURL = 'https://www.tripletcam.com/'; var my_users_id = 0; var my_identification = "Unknown User"; var player; (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93362145, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-QKS48ETT6R'); // .fa-circle { color: red; -webkit-animation: flash 3s ease infinite; animation: flash 3s ease infinite; } .galleryTitle a.btn-default:hover { background-color: #0000006b; } .col-lg-12.col-sm-12.col-xs-12.autoplay.text-muted { display: none; } .videoCreator { display: none; } #modeYoutubeBottomContent .main-video .secC { background-color: #eee; } .categoryItem>div { background-image: url(https://tripletcam.com/view/img/videocat.jpg); } .watch-view-count { font-size: 14px; border-bottom: 2px solid #f3565d; } .duration { display: none; } .row.thumbsImage { margin-right: -10px; margin-left: -10px; } .gm-style-cc { display: none; } .text-uppercase { text-transform: none; } .btn-xs { float: left; margin: -1px 5px; } #grid .tagsInfo span.label.tagTitle { width: 50% !important; } .text-left { max-width: 15%; } .img-thumbnail { background-color: #ffffff00; border: 0; max-height: 10vw !important; } #videoContainer { position: initial; } #avideoTheaterButton { display: none; } .gridYTPluginButtons { display: none; } @media (max-width: 992px) { ,fa-expand-arrows-alt { display: none !important; } .main-video { background-color: #0000; } } @media (max-width: 768px) { .categories_id_1,.categories_id_2,.categories_id_3,.categories_id_4,.categories_id_5,.categories_id_6,.categories_id_7,.categories_id_8,.categories_id_9,.categories_id_10,.categories_id_11{ margin-top: -30px; font-size: 20px; text-transform: uppercase;} #sidebar { max-width: 70%; } } @media (min-width: 768px) { .categories_id_1,.categories_id_2,.categories_id_3,.categories_id_4,.categories_id_5,.categories_id_6,.categories_id_7,.categories_id_8,.categories_id_9,.categories_id_10,.categories_id_11{ margin-top: -60px; font-size: 26px; text-transform: uppercase;} } @media (max-width: 480px) { .rightBar { height: auto!important; } } var autoPlayAjax=false;var img1 = new Image();img1.src="https://www.tripletcam.com/view/img/video-placeholder-gray.png";.epgProgress.progress-bar-primary{opacity: 0.5;}.epgProgress:hover{opacity: 1.0;}.epgProgressText{border-right: 1px solid #FFF; height:100%;}var _adWasPlayed = 0; /* if it is IE */ @media all and (-ms-high-contrast:none){ nav ul.items-container li:first-child { display: block; flex: 0 1 auto; /* Default */ } } #mysearch.in, #mysearch.collapsing { display: block!important; } #myNavbar.in, #myNavbar.collapsing { display: block!important; } #searchForm { display: flex; width: 100%; margin-left: 5px; white-space: nowrap; } #searchForm .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } #searchForm input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } #rightProfileButton{ padding: 0; margin-left: 5px; margin-right: 40px; border: 0; background: none; background-color: transparent; } #rightLoginButton{ margin-left: 5px; margin-right: 40px; } #navbarRegularButtons{ max-width: 70%; /* remove the scroll because the dropsown menus does not work */ /*overflow-x: auto;*/ /*overflow-y: hidden;*/ } #navbarRegularButtons span.hidden-mdx{ max-width: 15vw; display: inline-block; } #navbarRegularButtons .btn{ overflow: hidden; } #navbarRegularButtons::-webkit-scrollbar { height: 4px; } @media (min-width : 767px) { nav ul.items-container > li:first-child { min-width: 280px; } nav li.nav-item { margin-right: 5px; } nav li.nav-item { flex: .3; transition: .3s; margin-right: 5px !important; } nav li.nav-item.active { flex: 3; } nav li.nav-item #mysearch { width: 100%; } #searchForm input { width: 100%; margin-left: 35%; } } @media (max-width : 992px) { #searchForm input{ /* width: 100px; */ margin-left: 0%; } } @media (max-width : 767px) { #searchForm { padding-left: 10px; } #rightLoginButton, #rightProfileButton{ margin-right: 5px; margin-left: 0; } #searchForm > div{ width: 100%; } .mobilesecondnav { position: absolute; left: 40%; right: 5px; } #mysearch{ /* width: 100%; */ position: absolute; right: 0; left: 0; padding-left: 0px; padding-right: 0px; background-color: #FFF; } #myNavbar{ position: absolute; right: 2px; top: 50px; background-color: #FFF; padding: 4px; width: 20%; } #mainNavBar .navbar-brand{ width: 100% !important; text-align: center; } #mainNavBar .navbar-brand>img { display: unset; } #myNavbar ul.right-menus{ display: block; } #myNavbar ul.right-menus li{ margin: 0; padding: 0; } #myNavbar ul.right-menus .btn, #myNavbar ul.right-menus .btn-group{ margin: 2px; width: 100%; } #myNavbar ul.right-menus .btn-group{ margin: 0; } nav ul.items-container li:first-child { display: list-item; } #navbarRegularButtons span.hidden-mdx { max-width: 100vw; } .globalsearchfield { width: 90% !important; } .searchli { width: 100%; margin-right: 0; margin-left: 0; } .searchdiv { } .navbar-toggle { margin-right: 5px !important; } .left-side { padding: 0 5px; } .searchul{ padding-left: 0px; } } li.navsub-toggle .badge { float: right; } li.navsub-toggle a + ul { padding-left: 15px; } .navbar-lang-btn .select2-container{ margin: 8px 0; } .navbar-lang-btn .select2-selection{ border-color: #00000077 !important; } @media screen and (min-width: 992px) { body.youtube>div.container-fluid{ margin-left: 300px; } body.youtube div.container-fluid .col-sm-10.col-sm-offset-1.list-group-item{ margin-left: 0; margin-right: 0; width: 100%; } } .bar1, .bar2, .bar3 { width: 13px; height: 2px; background-color: #333; margin: 3px 0; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-3px, 3px); transform: rotate(-45deg) translate(-3px, 3px); } .change .bar2 {opacity: 0;} .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-4px, -4px); } var seachFormIsRunning = 0; $(document).ready(function () { setTimeout(function () { $('.nav li.navsub-toggle a:not(.selected) + ul').hide(); var navsub_toggle_selected = $('.nav li.navsub-toggle a.selected'); navsub_toggle_selected.next().show(); navsub_toggle_selected = navsub_toggle_selected.parent(); var navsub_toggle_selected_stop = 24; while (navsub_toggle_selected.length) { if ($.inArray(navsub_toggle_selected.prop('localName'), ['li', 'ul']) == -1) break; if (navsub_toggle_selected.prop('localName') == 'ul') { navsub_toggle_selected.show().prev().addClass('selected'); } navsub_toggle_selected = navsub_toggle_selected.parent(); navsub_toggle_selected_stop--; if (navsub_toggle_selected_stop < 0) break; } }, 500); $('.nav').on('click', 'li.navsub-toggle a:not(.selected)', function (e) { var a = $(this), b = a.next(); if (b.length) { e.preventDefault(); a.addClass('selected'); b.slideDown(); var c = a.closest('.nav').find('li.navsub-toggle a.selected').not(a).removeClass('selected').next(); if (c.length) c.slideUp(); } }); $('#searchForm').submit(function (event) { if (seachFormIsRunning) { event.preventDefault(); return false; } seachFormIsRunning = 1; var str = $('#searchFormInput').val(); if (isMediaSiteURL(str)) { event.preventDefault(); console.log("searchForm is URL " + str); seachFormPlayURL(str); return false; } else { console.log("searchForm submit " + str); document.location = webSiteRootURL + "?search=" + str; } }); }); function seachFormPlayURL(url) { modal.showPleaseWait(); $.ajax({ url: webSiteRootURL + 'view/url2Embed.json.php', method: 'POST', data: { 'url': url }, success: function (response) { seachFormIsRunning = 0; if (response.error) { modal.hidePleaseWait(); avideoToast(response.msg); } else { if (typeof linksToEmbed === 'function') { document.location = response.playEmbedLink; } else if (typeof flixFullScreen == 'function') { flixFullScreen(response.playEmbedLink, response.playLink); modal.hidePleaseWait(); } else { document.location = response.playLink; } } } }); } .categoriesTobButtons{ border: none; } .tegsTop{ position: relative; margin: 2px; top: 5px; background-color: #9a9a9a; padding: 0.1em 0.6em 0.2em; font-weight: 700; font-size: 90%; color: #fff; border-radius: 0.25em; display: flex; text-align: center; white-space: nowrap; } .categoriesTobButtons a:hover{ color: #fff; background-color: #2e73ae; } .scrtabs-tabs-fixed-container{ overflow-x: auto; } .scrtabs-tab-container{ text-align: center; background-color: #fff; margin-top: 10px; margin-bottom: 5px; }
$(function () { /** showAlertMessage **/ /** showAlertMessage END **/ }); (adsbygoogle = window.adsbygoogle || []).push({});
$(document).ready(function () { }); function onlineLabelOnline(selector) { selector = selector.replace(/[&=]/g, ''); console.log("Change video to Online ", selector); //console.trace(); $(selector).removeClass('label-warning'); $(selector).removeClass('label-danger'); $(selector).addClass('label-success'); $(selector).text("ONLINE"); if ($('#indexCol1 div.panel-heading .label-success').length) { isOnlineLabel = true; } } function onlineLabelPleaseWait(selector) { selector = selector.replace(/[&=]/g, ''); //console.log("Change video to please wait"); if (!$('#indexCol1 div.panel-heading .label-success').length) { isOnlineLabel = false; } $(selector).removeClass('label-success'); $(selector).removeClass('label-danger'); $(selector).addClass('label-warning'); $(selector).text("Please Wait ..."); if (!$('#indexCol1 div.panel-heading .label-success').length) { isOnlineLabel = false; } } function onlineLabelOffline(selector) { selector = selector.replace(/[&=]/g, ''); //console.log("Change video to offline"); $(selector).removeClass('label-warning'); $(selector).removeClass('label-success'); $(selector).addClass('label-danger'); $(selector).text("OFFLINE"); if (!$('#indexCol1 div.panel-heading .label-success').length) { isOnlineLabel = false; } } function onlineLabelFinishing(selector) { selector = selector.replace(/[&=]/g, ''); //console.log("Change video to finishing"); $(selector).removeClass('label-warning'); $(selector).removeClass('label-success'); $(selector).addClass('label-danger'); $(selector).text("Finishing Live..."); if (!$('#indexCol1 div.panel-heading .label-success').length) { isOnlineLabel = false; } } var playListsAdding = false; var playList = []; function reloadPlayLists() { //console.log('reloadPlayLists'); $.ajax({ url: webSiteRootURL + 'objects/playlists.json.php', success: function (response) { playList = response; reloadPlayListButtons(); } }); } function reloadPlayListButtons() { //console.log('reloadPlayListButtons'); $('.watchLaterBtnAdded').hide(); $('.favoriteBtnAdded').hide(); $('.watchLaterBtn').show(); $('.favoriteBtn').show(); for (var i in playList) { if (!playList[i].id || (playList[i].status !== 'watch_later' && playList[i].status !== 'favorite')) { continue; } for (var x in playList[i].videos) { if (typeof (playList[i].videos[x]) === 'object') { if (playList[i].status === 'watch_later') { $('.watchLaterBtn' + playList[i].videos[x].videos_id).hide(); $('.watchLaterBtnAdded' + playList[i].videos[x].videos_id).show(); } else if (playList[i].status === 'favorite') { $('.favoriteBtn' + playList[i].videos[x].videos_id).hide(); $('.favoriteBtnAdded' + playList[i].videos[x].videos_id).show(); } } } } } loadPlayListsResponseObject = {timestamp: 0, response: false}; function loadPlayLists(videos_id, crc) { //console.log('loadPlayLists'); if (loadPlayListsResponseObject.timestamp + 5000 < Date.now()) { loadPlayListsResponseObject.timestamp = Date.now(); loadPlayListsResponseObject.response = []; setTimeout(function () { $.ajax({ url: 'https://www.tripletcam.com/objects/playlists.json.php', cache: true, success: function (response) { loadPlayListsResponseObject.response = response; loadPlayListsResponse(loadPlayListsResponseObject.response, videos_id, crc); } }); ; }, 500); } else { if (loadPlayListsResponseObject.response) { loadPlayListsResponse(loadPlayListsResponseObject.response, videos_id, crc); } else { setTimeout(function () { loadPlayLists(videos_id, crc); }, 1500); } } } function loadPlayListsResponse(response, videos_id, crc) { //console.log('loadPlayListsResponse'); //console.log(response, videos_id, crc); $('.searchlist' + videos_id + crc).html(''); for (var i in response) { if (!response[i].id) { continue; } var icon = "fa fa-lock" if (response[i].status == "public") { icon = "fa fa-globe" } else if (response[i].status == "watch_later") { icon = "fas fa-clock" } else if (response[i].status == "favorite") { icon = "fas fa-heart" } var checked = ""; for (var x in response[i].videos) { if (typeof (response[i].videos[x]) === 'object' && response[i].videos[x].videos_id == videos_id) { checked = "checked"; } } var randId = (("_" + response[i].id) + videos_id) + Math.random(); $(".searchlist" + videos_id + crc).append(' ' + response[i].name_translated + '
'); } $('.searchlist' + videos_id + crc).btsListFilter('#searchinput' + videos_id + crc, {itemChild: 'span'}); $('.playListsVideosIds' + videos_id).change(function () { if (playListsAdding) { return false; } playListsAdding = true; addVideoToPlayList(videos_id, $(this).is(":checked"), $(this).val()); return false; }); } function addVideoToPlayList(videos_id, isChecked, playlists_id) { //console.log('addVideoToPlayList'); modal.showPleaseWait(); $.ajax({ url: 'https://www.tripletcam.com/objects/playListAddVideo.json.php', method: 'POST', data: { 'videos_id': videos_id, 'add': isChecked, 'playlists_id': playlists_id }, success: function (response) { reloadPlayLists(); //console.log(".playListsIds_" + playlists_id + '_videos_id_' + videos_id); $(".playListsIds_" + playlists_id + '_videos_id_' + videos_id).prop("checked", isChecked); modal.hidePleaseWait(); setTimeout(function () { playListsAdding = false }, 500); } }); } $(document).ready(function () { reloadPlayLists(); }); function getBeatJSSelector(key, live_servers_id){ live_servers_id = parseInt(live_servers_id); if(isNaN(live_servers_id)){ live_servers_id = 0; } var selector = '.liveUsersViews_' + key + ', .liveUsersViews_' + key + '_' + live_servers_id + ', .views_on_total_on_live_' + key + '_' + live_servers_id; console.log('getBeatJSSelector', selector); return selector; } function updateViewsLiveUsersBeat(key, live_servers_id, total) { console.log('updateViewsLiveUsersBeat', key, live_servers_id, total); $(getBeatJSSelector(key, live_servers_id)).text(total); } function socketLiveUsersBeat(json) { console.log('socketLiveUsersBeat', json.users); var total = json.total; if (!total && json.views) { total = json.views; }else if (!total && json.users && json.users.views) { total = json.users.views; } var key = json.transmition_key; if (!key && json.users && json.users.key) { key = json.users.key; }else if (!key && json.key) { key = json.key; } var live_servers_id = json.live_servers_id; if (!live_servers_id && json.users && json.users.live_servers_id) { live_servers_id = json.users.live_servers_id; } updateViewsLiveUsersBeat(key, live_servers_id, total); } .isRecordingIcon{ opacity: 0.2; } .isRecording.isRecordingIcon{ opacity: 1; animation: isRecordingGlowing 1s infinite alternate; } @keyframes isRecordingGlowing { from { text-shadow: 0 0 1px #500, 0 0 2px #700, 0 0 3px #760, 0 0 4px #760; } to { color: #F00; text-shadow: 0 0 2px #200, 0 0 4px #900, 0 0 8px #F00, 0 0 12px #F00, 0 0 16px #FFB600; } } function startRecorderCallback(json){ setIsRecording(json.key); } function stopRecorderCallback(json){ setIsNotRecording(json.key); } function setIsRecording(key) { $('.isRecordingIcon'+key).addClass('isRecording'); } function setIsNotRecording(key) { $('.isRecordingIcon'+key).removeClass('isRecording'); } var webSocketSelfURI = 'https://www.tripletcam.com/view/'; var webSocketVideos_id = '0'; var webSocketLiveKey = 'false'; var webSocketServerVersion = '3.0'; var webSocketToken = ''; var webSocketURL = ''; var webSocketTypes = {"NEW_CONNECTION":"NEW_CONNECTION","NEW_DISCONNECTION":"NEW_DISCONNECTION","DEFAULT_MESSAGE":"DEFAULT_MESSAGE","ON_VIDEO_MSG":"ON_VIDEO_MSG","ON_LIVE_MSG":"ON_LIVE_MSG","TESTING":"TESTING"}; function onUserSocketConnect(response) { try { if(typeof changeChat2UserStatus === 'function'){changeChat2UserStatus(response.msg.users_id, 'o');}callerNewConnection(response); } catch (e) { console.log('onUserSocketConnect:error', e.message); } } function onUserSocketDisconnect(response) { try { if(typeof changeChat2UserStatus === 'function'){changeChat2UserStatus(response.msg.users_id, 'f');}callerDisconnection(response); } catch (e) { console.log('onUserSocketConnect:error', e.message); } } var liveLinkAppsCalled = {}; function liveLinkApps($liveLi, className, live_starts) { if (new Date(live_starts).getTime() < new Date().getTime()) { return false; } if (typeof liveLinkAppsCalled[className] !== 'undefined') { // do not call it twice //return false; } //console.log('liveLinkApps', $liveLi, className, live_starts, $liveLi.find('.liveNow')); liveLinkAppsCalled[className] = live_starts; $liveLi.find('.liveNow').html("Starts in " + live_starts + ""); $liveLi.find('.liveNow').attr("class", 'label label-primary liveFuture'); //console.log('liveLinkApps', '.'+className+' '+live_starts); startTimerToDate(live_starts, '.Timer_' + className, false); return $liveLi; } /*selected=en_US*/function getLangSelectformatStateResult (state) { if (!state.id) { return state.text; } if(state.text!==' -- '){ json = JSON.parse(state.text); var $state = $( ''+ ' - ' + json.text + '' ); return $state; } return state.text; };function getLangFlagsOnlySelectformatStateResult (state) { if (!state.id) { return state.text; } if(state.text!==' -- '){ json = JSON.parse(state.text); var $state = $( '' ); return $state; } return state.text; }; $(document).ready(function() {$('#navBarFlag').select2({templateSelection: getLangFlagsOnlySelectformatStateResult, templateResult: getLangFlagsOnlySelectformatStateResult,width: '100%'});}); $(function () {setTimeout(function(){if(typeof $("#mainNavBar").autoHidingNavbar == "function"){$("#mainNavBar").autoHidingNavbar();}},5000);});$(function () { $("#mainNavBar").on("show.autoHidingNavbar", function () { if ($(window).scrollTop() < 10) { $("body").removeClass("nopadding"); } }); $("#mainNavBar").on("hide.autoHidingNavbar", function () { if ($(window).scrollTop() < 10) { $("body").addClass("nopadding"); } }); });
var checkFooterTimout; $(function () { checkFooter(); $(window).scroll(function () { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 100); }); $(window).resize(function () { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 100); }); $(window).mouseup(function () { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 100); }); }); function checkFooter() { $("#mainFooter").fadeIn(); if (getPageHeight() <= $(window).height()) { clearTimeout(checkFooterTimout); checkFooterTimout = setTimeout(function () { checkFooter(); }, 1000); $("#mainFooter").css("position", "fixed"); } else { $("#mainFooter").css("position", "relative"); } } function getPageHeight() { var mainNavBarH = 0; if ($('#mainNavBar').length) { mainNavBarH = $('#mainNavBar').height(); } var mainFooterH = 0; if ($('#mainFooter').length) { mainFooterH = $('#mainFooter').height(); } var containerH = getLargerContainerHeight(); return mainNavBarH + mainFooterH + containerH; } function getLargerContainerHeight() { var conteiners = $('body > .container,body > .container-fluid'); var height = 0; for (var item in conteiners) { if (isNaN(item)) { continue; } var h = $(conteiners[item]).height(); if (h > height) { height = h; } } return height; } function showTrailer(iframe) { avideoModalIframe(iframe); } $('#TrailerModal').on('hidden.bs.modal', function () { $('#TrailerModal iframe').attr('src', ''); }); $('#bigVideoCarousel').bind('slide.bs.carousel', function (e) { setTimeout(function(){ lazyImage(); },500); });