Enhances Chaturbate by adding multiple new features.
As of
// ==UserScript==
// @name Chaturbate Enhancer
// @name:de Chaturbate Enhancer
// @name:es Chaturbate Enhancer
// @name:es-CO Chaturbate Enhancer
// @name:it Chaturbate Enhancer
// @name:fr Chaturbate Enhancer
// @name:fr-CA Chaturbate Enhancer
// @name:ru Chaturbate Enhancer
// @name:tr Chaturbate Enhancer
// @name:ro Chaturbate Enhancer
// @name:no Chaturbate Enhancer
// @name:nl Chaturbate Enhancer
// @name:pl Chaturbate Enhancer
// @name:ja Chaturbate Enhancer
// @name:el Chaturbate Enhancer
// @name:hu Chaturbate Enhancer
// @name:fi Chaturbate Enhancer
// @name:ar Chaturbate Enhancer
// @name:hi Chaturbate Enhancer
// @name:id Chaturbate Enhancer
// @name:ko Chaturbate Enhancer
// @name:pt-PT Chaturbate Enhancer
// @name:pt-BR Chaturbate Enhancer
// @name:zh Chaturbate Enhancer
// @name:zh-CN Chaturbate Enhancer
// @name:zh-TW Chaturbate Enhancer
// @name:cs Chaturbate Enhancer
// @name:sk Chaturbate Enhancer
// @name:sl Chaturbate Enhancer
// @name:sv Chaturbate Enhancer
// @name:sr Chaturbate Enhancer
// @name:af Chaturbate Enhancer
// @name:sq Chaturbate Enhancer
// @name:hy Chaturbate Enhancer
// @name:be Chaturbate Enhancer
// @name:bg Chaturbate Enhancer
// @name:da Chaturbate Enhancer
// @name:et Chaturbate Enhancer
// @name:he Chaturbate Enhancer
// @name:hr Chaturbate Enhancer
// @name:fa Chaturbate Enhancer
// @name:ur Chaturbate Enhancer
// @name:bn Chaturbate Enhancer
// @name:th Chaturbate Enhancer
// @name:eo Chaturbate Enhancer
// @name:ug Chaturbate Enhancer
// @name:vi Chaturbate Enhancer
// @description Enhances Chaturbate by adding multiple new features.
// @description:de Verbessert Chaturbate durch Hinzufügen mehrerer neuer Funktionen.
// @description:es Mejora Chaturbate al agregar múltiples funciones nuevas.
// @description:es-CO Mejora Chaturbate al agregar múltiples funciones nuevas.
// @description:it Migliora Chaturbate aggiungendo più nuove funzionalità.
// @description:fr Améliore Chaturbate en ajoutant plusieurs nouvelles fonctionnalités.
// @description:fr-CA Améliore Chaturbate en ajoutant plusieurs nouvelles fonctionnalités.
// @description:ru Улучшает Chaturbate, добавляя несколько новых функций.
// @description:tr Birden çok yeni özellik ekleyerek Chaturbate'i geliştirir.
// @description:ro Îmbunătățește Chaturbate prin adăugarea de mai multe funcții noi.
// @description:no Forbedrer Chaturbate ved å legge til flere nye funksjoner.
// @description:nl Verbetert Chaturbate door meerdere nieuwe functies toe te voegen.
// @description:pl Ulepsza Chaturbate, dodając wiele nowych funkcji.
// @description:ja 複数の新機能を追加して Chaturbate を強化します。
// @description:el Βελτιώνει το Chaturbate προσθέτοντας πολλές νέες δυνατότητες.
// @description:hu Több új funkció hozzáadásával továbbfejleszti a Chaturbate szolgáltatást.
// @description:fi Parantaa Chaturbatea lisäämällä useita uusia ominaisuuksia.
// @description:ar يعزز Chaturbate عن طريق إضافة ميزات جديدة متعددة.
// @description:hi कई नई सुविधाओं को जोड़कर Chaturbate को बेहतर बनाता है।
// @description:id Meningkatkan Chaturbate dengan menambahkan beberapa fitur baru.
// @description:ko 여러 새로운 기능을 추가하여 Chaturbate를 향상시킵니다.
// @description:pt-PT Aprimora o Chaturbate adicionando vários novos recursos.
// @description:pt-BR Aprimora o Chaturbate adicionando vários novos recursos.
// @description:zh 通过添加多个新功能来增强 Chaturbate。
// @description:zh-CN 通过添加多个新功能来增强 Chaturbate。
// @description:zh-TW 通过添加多个新功能来增强 Chaturbate。
// @description:cs Vylepšuje Chaturbate přidáním několika nových funkcí.
// @description:sk Vylepšuje Chaturbate pridaním viacerých nových funkcií.
// @description:sl Izboljša Chaturbate z dodajanjem več novih funkcij.
// @description:sv Förbättrar Chaturbate genom att lägga till flera nya funktioner.
// @description:sr Побољшава Цхатурбате додавањем више нових функција.
// @description:af Verbeter Chaturbate deur verskeie nuwe kenmerke by te voeg.
// @description:sq Përmirëson Chaturbate duke shtuar veçori të shumta të reja.
// @description:hy Ընդլայնում է Chaturbate-ը՝ ավելացնելով բազմաթիվ նոր հնարավորություններ:
// @description:be Паляпшае Chaturbate шляхам дадання некалькіх новых функцый.
// @description:bg Подобрява Chaturbate чрез добавяне на множество нови функции.
// @description:da Forbedrer Chaturbate ved at tilføje flere nye funktioner.
// @description:et Täiustab Chaturbate'i, lisades mitu uut funktsiooni.
// @description:he משפר את Chaturbate על ידי הוספת תכונות חדשות מרובות.
// @description:hr Poboljšava Chaturbate dodavanjem više novih značajki.
// @description:fa Chaturbate را با افزودن چندین ویژگی جدید تقویت می کند.
// @description:ur متعدد نئی خصوصیات شامل کرکے Chaturbate کو بہتر بناتا ہے۔
// @description:bn একাধিক নতুন বৈশিষ্ট্য যোগ করে Chaturbate উন্নত করে।
// @description:th ปรับปรุง Chaturbate ด้วยการเพิ่มคุณสมบัติใหม่หลายอย่าง
// @description:eo Plibonigas Chaturbate aldonante plurajn novajn funkciojn.
// @description:ug كۆپ خىل يېڭى ئىقتىدارلارنى قوشۇش ئارقىلىق Chaturbate نى كۈچەيتىدۇ.
// @description:vi Cải thiện Chaturbate bằng cách thêm nhiều tính năng mới.
// @version 2.0.6
// @author MoonDivision
// @license CC-BY-ND-4.0
// @copyright MoonDivision (https://sleazyfork.org/en/users/884016-moondivision)
// @namespace https://sleazyfork.org/en/users/884016-moondivision
// @homepage https://sleazyfork.org/en/scripts/441079-chaturbate-enhancer
// @supportURL https://sleazyfork.org/en/scripts/441079-chaturbate-enhancer/feedback
// @contributionURL https://cb-enh.improper.dev/contribute
// @icon https://www.google.com/s2/favicons?sz=32&domain=chaturbate.com
// @icon64 https://www.google.com/s2/favicons?sz=64&domain=chaturbate.com
// @match https://chaturbate.com/*
// @match https://*.chaturbate.com/*
// @connect camschedule.com
// @connect onechance.onelove.workers.dev
// @connect cb-enh.improper.dev
// @connect cb-enh-thumb.improper.dev
// @grant GM_addStyle
// @grant GM_addElement
// @grant GM_xmlhttpRequest
// @grant GM_registerMenuCommand
// @grant GM_unregisterMenuCommand
// @grant GM_setClipboard
// @require https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js
// @require https://cdn.jsdelivr.net/npm/hls.js@1/dist/hls.min.js
// @run-at document-start
// @noframes
// ==/UserScript==
(function() {
'use strict';
let intvWaitBody = null;
let intvWaitVideo = null;
function getCookie(name) {
let nameEQ = encodeURIComponent(name) + "=";
let ca = document.cookie.split(';');
for(let i = 0; i < ca.length; i++) {
let c = ca[i];
while(c.charAt(0) === ' ') {
c = c.substring(1, c.length);
}
if(c.indexOf(nameEQ) === 0) {
return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
}
return null;
}
function doNeedDarkMode() {
return getCookie('theme_name') === null && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
}
function enableDarkMode() {
// Automatically enable site dark mode if system has dark mode enabled
if(document.body && doNeedDarkMode()) {
$('body').addClass('darkmode');
document.cookie = 'theme_name=darkmode; expires=Sun, 1 Jan 9999 00:00:00 UTC; path=/';
document.cookie = 'theme_name=darkmode; expires=Sun, 1 Jan 9999 00:00:00 UTC; path=/; domain=.chaturbate.com';
}
}
if(doNeedDarkMode()) {
if(document.body) {
enableDarkMode();
}
else {
intvWaitBody = setInterval(function() {
if(document.body) {
enableDarkMode();
clearInterval(intvWaitBody);
intvWaitBody = null;
}
}, 10);
}
}
let style = `
/* Hide media overlays */
.photoVideoDetailSection img {
filter: unset !important;
}
.userUpload div {
background: none !important;
}
.psContainer .lockOverlayBg, .smContainer .lockOverlayBg {
display: none !important;
}
.userUpload img[src$="lock.svg"] {
display: none !important;
}
/* Hide ads */
.ad, .vote-banner {
display: none !important;
}
.cb-enh-avatar {
margin-left: 10px;
border: 1px solid #bfbfbf;
width: 150px;
height: 150px;
background-color: #ebebeb;
margin-bottom: 5px;
background-size: 100% 100%;
position: relative;
}
.darkmode .cb-enh-avatar {
border-color: #2d3e50;
background-color: #202c39;
}
.cb-enh-avatar, .cb-enh-avatar img {
border-radius: 150px;
}
.cb-enh-avatar img {
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
left: 0;
top: 0;
-webkit-user-drag: none;
-webkit-app-region: no-drag;
user-drag: none;
app-region: no-drag;
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cb-enh-footer {
font-size: 14px;
color: #341b00;
font-weight: bold;
}
.darkmode .cb-enh-footer {
color: #efefef;
}
.cb-enh-footer a {
color: inherit !important;
text-decoration: underline;
}
/* Enlarge media in bio */
tr:not(.smContainer) .contentText .previewBorder {
width: 190px;
height: 135px;
}
tr:not(.smContainer) .contentText .tokenText {
top: 118px !important;
right: 5px !important;
}
/* Detach floaters in "about" */
tr:not(.smContainer):not(.psContainer) .contentText img, tr:not(.smContainer):not(.psContainer) .contentText li, tr:not(.smContainer):not(.psContainer) .contentText a, tr:not(.smContainer):not(.psContainer) .contentText p {
position: unset !important;
}
.cb-enh-video {
max-width: 900px;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
object-fit: contain;
background-color: rgba(0, 0, 0, 0);
display: inline;
border: 0;
outline: 0;
border-radius: 4px;
}
.cb-enh-video::-webkit-media-controls-play-button {
display: none;
}
.cb-enh-video::-webkit-media-controls-timeline {
display: none;
}
.cb-enh-video::-webkit-media-controls-current-time-display {
display: none;
}
.cb-enh-video::-webkit-media-controls-timeline-container {
display: none;
}
.cb-enh-video::-webkit-media-controls-time-remaining-display {
display: none;
}
.cb-enh-schedule-frame {
width: 100%;
height: 350px;
border: 0;
}
.cb-enh-chat-frame {
width: 100%;
max-width: 1400px;
height: 700px;
border: 0;
border-radius: 4px;
}
#cb-enh-inac-load-chat {
cursor: pointer;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cb-enh-video-bar-btn {
height: 15px;
width: auto;
position: relative;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
font-family: UbuntuMedium, Helvetica, Arial, sans-serif;
font-size: 12px;
padding: 3px 8px 2px;
top: -4px;right: 1px;
float: right;
border-radius: 3px;
cursor: pointer;
margin-right: 5px;
background-color: #880471;
color: white;
text-transform: uppercase;
}
.cb-enh-tab-bar-modal {
width: 500px;
border-width: 1px;
position: absolute;
border-style: solid;
border-radius: 4px;
font-size: 14px;
padding: 8px 0px 8px 8px;
display: none;
z-index: 5;
line-height: 22px;
box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px;
}
.cb-enh-tab-bar-modal-arrow-down {
position: absolute;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #0554a3;
}
.videoPlayerDiv video.cb-enh-video-mirrored {
transform: scale(-1, 1);
}
.videoPlayerDiv video.cb-enh-video-inverted {
transform: scale(1, -1);
}
.videoPlayerDiv video.cb-enh-video-mirrored.cb-enh-video-inverted {
transform: scale(-1, -1);
}
.cb-enh-video-controls-modal-btns {
margin-top: 5px;
}
.cb-enh-vid-control-slider {
width: 50%;
}
#cb-enh-video-controls-record {
background-color: #090;
}
#cb-enh-video-controls-record.cb-enh-active {
background-color: #ff0000;
}
/* Do not display entrance terms overlay */
.entrance-terms--shown {
position: inherit !important;
top: inherit !important;
left: inherit !important;
right: inherit !important;
bottom: inherit !important;
overflow: inherit !important;
background-color: #fff;
visibility: inherit !important;
}
#entrance_terms_overlay {
display: none !important;
}
`;
GM_addStyle(style);
let videoControlsContentHTML = `
<b>Video Controls:</b><br>
<div>
<input type="checkbox" checked id="cb-enh-video-controls-modal-show-logo"></input>
<label for="cb-enh-video-controls-modal-show-logo">Show site logo</label><br>
</div>
<div>
<input type="checkbox" id="cb-enh-video-controls-modal-mirror-vid"></input>
<label for="cb-enh-video-controls-modal-mirror-vid">Mirror video</label><br>
</div>
<div>
<input type="checkbox" id="cb-enh-video-controls-modal-invert-vid"></input>
<label for="cb-enh-video-controls-modal-invert-vid">Invert video</label>
</div>
<div>
<input type="range" id="cb-enh-video-controls-modal-brightness" data-default="100" min="0" max="200" class="cb-enh-vid-control-slider">
<label for="volume" for="cb-enh-video-controls-modal-brightness">Brightness</label>
</div>
<div>
<input type="range" id="cb-enh-video-controls-modal-contrast" data-default="100" min="0" max="200" class="cb-enh-vid-control-slider">
<label for="volume" for="cb-enh-video-controls-modal-contrast">Contrast</label>
</div>
<div>
<input type="range" id="cb-enh-video-controls-modal-saturation" data-default="100" min="0" max="200" class="cb-enh-vid-control-slider">
<label for="volume" for="cb-enh-video-controls-modal-saturation">Saturation</label>
</div>
<div>
<input type="range" id="cb-enh-video-controls-modal-sepia" data-default="0" value="0" min="0" max="100" class="cb-enh-vid-control-slider">
<label for="volume" for="cb-enh-video-controls-modal-sepia">Sepia</label>
</div>
<div>
<input type="range" id="cb-enh-video-controls-modal-hue" data-default="0" value="0" min="0" max="360" class="cb-enh-vid-control-slider">
<label for="volume" for="cb-enh-video-controls-modal-hue">Hue</label>
</div>
<div class="cb-enh-video-controls-modal-btns">
<input type="button" id="cb-enh-video-controls-modal-reset" value="Reset">
</div>
`;
let lang = $('html').attr('lang');
if(lang !== 'en') {
loadLocales(lang);
}
$(document).ready(function() {
enableDarkMode();
if(intvWaitBody) {
clearInterval(intvWaitBody);
intvWaitBody = null;
}
if(window.location.pathname.startsWith('/roomlogin/')) {
enhancePasswordedRoom();
}
else if('initialRoomDossier' in unsafeWindow) {
enhanceRoom();
}
initAnimatedThumbs();
});
function loadLocales(lang) {
GM_xmlhttpRequest({
method: 'GET',
url: 'https://cb-enh.improper.dev/locale/' + lang + '.json',
timeout: 60*1*1000,
onload: function(resp) {
let data;
try {
data = JSON.parse(resp.responseText);
}
catch(SyntaxError) {
return;
}
window.locales = data['locales'];
}
});
}
function localizeStrings() {
if(!window.locales) {
return;
}
$('.ce-loc').each(function() {
let v = $(this).data('ce-loc');
if(window.locales[v]) {
$(this).text(window.locales[v]);
}
});
}
function initAnimatedThumbs() {
let $checkboxComponent = $("#animate_thumbnails_form .checkboxComponent");
$('#animate_thumbnails_form label').removeAttr("style");
$("#animate_thumbnails_form .disabledTooltipColor").remove();
$checkboxComponent.removeClass("disabled");
$checkboxComponent.css("cursor", "pointer");
$("#animate_thumbnails_form input").removeAttr("disabled");
$("#animate_thumbnails_form input").removeAttr("readonly");
$("#id_animate_thumbnails").css("cursor", "inherit");
let animateThumbnails = getSetting("animate_thumbnails");
if(animateThumbnails === null) {
animateThumbnails = true;
setSetting("animate_thumbnails", animateThumbnails);
}
$checkboxComponent.toggleClass("checked", animateThumbnails);
$(document).on("click", "#animate_thumbnails_form", function(e) {
$checkboxComponent.toggleClass("checked");
setSetting("animate_thumbnails", $checkboxComponent.hasClass("checked"));
e.preventDefault();
e.stopPropagation();
});
$(document).on('mouseenter', '.room_list_room img, .roomElement img, .roomCard img', function(e) {
e.preventDefault();
e.stopImmediatePropagation();
if(!getSetting("animate_thumbnails")) {
return;
}
if(window.currentHoverInterval) {
clearInterval(window.currentHoverInterval);
window.currentHoverInterval = null;
}
updateRoomThumb($(this));
window.currentHoverInterval = setInterval(() => {
updateRoomThumb($(this));
}, 100);
});
$(document).on('mouseleave', '.room_list_room img, .roomElement img, .roomCard img', function(e) {
e.preventDefault();
e.stopImmediatePropagation();
if(window.currentHoverInterval) {
clearInterval(window.currentHoverInterval);
window.currentHoverInterval = null;
}
});
}
window.lastLoadedThumbReqTime = 0;
function updateRoomThumb($el) {
// Stop CB script from executing something on image load
$el[0].onload = null;
let uname = $el.parent().data('room');
//$el.attr('src', 'https://roomimg.stream.highwebmedia.com/minifwap/' + uname + '.jpg?' + Math.random());
let reqTime = Date.now();
let req = new XMLHttpRequest();
req.timeout = 2000;
req.responseType = 'arraybuffer';
req.addEventListener('load', function() {
if(reqTime < window.lastLoadedThumbReqTime) {
return;
}
window.lastLoadedThumbReqTime = reqTime;
$el.attr('src', 'data:image/jpg;base64,' + btoa(String.fromCharCode.apply(null, new Uint8Array(req.response))));
});
req.open('GET', 'https://roomimg.stream.highwebmedia.com/minifwap/' + uname + '.jpg?' + Math.random());
req.send();
}
document.cookie = 'noads=1; expires=Sun, 1 Jan 9999 00:00:00 UTC; path=/';
document.cookie = 'agreeterms=1; expires=Sun, 1 Jan 9999 00:00:00 UTC; path=/';
document.cookie = 'fromaffiliate=1; expires=Sun, 1 Jan 9999 00:00:00 UTC; path=/';
document.cookie = 'affkey="eJyrViopylayUlBKzctQ0lFQSkxLA/HMiwsM03KTQCIFIL6RIYhZBGKCGCUgRnpRoQGIk5wLVuKXZBFZpVQLAEdlFCg="; expires=Sun, 1 Jan 9999 00:00:00 UTC; path=/';
document.cookie = 'noads=1; expires=Sun, 1 Jan 9999 00:00:00 UTC; path=/; domain=.chaturbate.com';
document.cookie = 'agreeterms=1; expires=Sun, 1 Jan 9999 00:00:00 UTC; path=/; domain=.chaturbate.com';
document.cookie = 'fromaffiliate=1; expires=Sun, 1 Jan 9999 00:00:00 UTC; path=/; domain=.chaturbate.com';
document.cookie = 'affkey="eJyrViopylayUlBKzctQ0lFQSkxLA/HMiwsM03KTQCIFIL6RIYhZBGKCGCUgRnpRoQGIk5wLVuKXZBFZpVQLAEdlFCg="; expires=Sun, 1 Jan 9999 00:00:00 UTC; path=/; domain=.chaturbate.com';
function enhanceRoom(ajaxTransition=false) {
GM_unregisterMenuCommand('Get video source URL');
$('.cb-enh-row').remove();
if(!ajaxTransition) {
let cFunc = function() {
if(!window.currentBroadcaster) {
return;
}
GM_xmlhttpRequest({
method: 'GET',
url: 'https://onechance.onelove.workers.dev/?https://chaturbate.com/api/chatvideocontext/' + window.currentBroadcaster + '/',
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
'Referer': 'https://chaturbate.com/' + window.currentBroadcaster + '/',
},
timeout: 60*1*1000,
onload: function(resp) {
let data;
try {
data = JSON.parse(resp.responseText);
}
catch(SyntaxError) {
return;
}
if(!('hls_source' in data) || data['hls_source'] === '') {
alert('No video URL.')
return;
}
GM_setClipboard(data['hls_source'], 'text');
alert(data['hls_source'] + '\n\n(copied to clipboard)');
}
});
}
GM_registerMenuCommand('Get video source URL', cFunc, 'g');
if(getSetting('hide-vid-logo')) {
GM_addStyle('.videoPlayerDiv .cbLogo { display: none; }');
}
if(intvWaitVideo) {
clearInterval(intvWaitVideo);
intvWaitVideo = null;
}
intvWaitVideo = setInterval(function() {
if($('video.vjs-tech').length === 0) {
return;
}
clearInterval(intvWaitVideo);
intvWaitVideo = null;
// Add Picture in Picture button to the player
if(unsafeWindow.videoJsPlayer) {
let PictureInPictureToggle = videojs.getComponent('pictureInPictureToggle');
if(PictureInPictureToggle) {
let pictureInPictureToggle = new PictureInPictureToggle(unsafeWindow.videoJsPlayer, {});
unsafeWindow.videoJsPlayer.getChild('ControlBar').addChild(pictureInPictureToggle);
}
}
});
}
if(unsafeWindow.initialRoomDossier === '') {
// initialRoomDossier is set but is empty
// room might be banned or blocked for user
enhanceInaccessibleRoom();
return;
}
let intv = setInterval(function() {
if($('video.vjs-tech').length === 0) {
return;
}
// Make clicking on live video feed don't pause it anymore
$('video.vjs-tech').on('pause', function() {
try {
$('video.vjs-tech')[0].play();
} catch(err) {}
});
clearInterval(intv);
// Watch for AJAX page transition
let currentUsername = $('a.nextCamBgColor')[0].getAttribute('href').slice(6, -1);
let pageTransitionIntv = setInterval(function() {
let uname = $('a.nextCamBgColor')[0].getAttribute('href').slice(6, -1);
if(currentUsername != uname) {
clearInterval(pageTransitionIntv);
enhanceRoom(true);
currentUsername = uname;
}
}, 25);
}, 25);
let userData;
let broadcasterName;
if(!ajaxTransition) {
userData = JSON.parse(unsafeWindow.initialRoomDossier);
broadcasterName = userData.broadcaster_username;
initBelowVideoButtons();
}
else {
broadcasterName = $('a.nextCamBgColor')[0].getAttribute('href').slice(6, -1);
stopRecording();
}
window.currentBroadcaster = broadcasterName;
let lang = $('html').attr('lang');
let intervalId = setInterval(() => {
let $table = $('.BioContents > div > table');
if($table.length === 0) {
return;
}
clearInterval(intervalId);
// Add offline avatar
let $offlineNotice = $('.offlineRoomNotice');
if($offlineNotice.length > 0) {
insertRoomAv($offlineNotice, broadcasterName);
}
let $divSchedule = addBioRow('Schedule', false, '<div id="cb-enh-iframe"></div>');
if(userData && userData.room_status === 'offline') {
addBioRow('Last Subject', true, userData.room_title);
}
let $divRegion = addBioRow('Region', false, '<a href=""></a>');
let $divOnlineFor = addBioRow('Online For', false);
GM_xmlhttpRequest({
method: 'GET',
url: 'https://camschedule.com/api/room/' + broadcasterName + '?lang=' + lang,
timeout: 60*2*1000,
onload: function(resp) {
let data;
try {
data = JSON.parse(resp.responseText);
}
catch(SyntaxError) {
return;
}
// Populate "region" row
if(data['region'] !== '') {
let href = '';
if(data['region_id'] == 0) {
href = '/asian-cams/';
}
else if(data['region_id'] == 1) {
href = '/euro-russian-cams/';
}
else if(data['region_id'] == 2) {
href = '/north-american-cams/';
}
else if(data['region_id'] == 3) {
href = '/south-american-cams/';
}
else if(data['region_id'] == 4) {
href = '/other-region-cams/';
}
let elA = $divRegion.children('.cb-enh-row-value').children('a')[0];
elA.innerHTML = data['region'];
elA.href = href;
$divRegion.show();
}
// Populate "online for" row
if(data['online_for'] && data['online_for'] !== '') {
$divOnlineFor.children('.cb-enh-row-value')[0].innerHTML = data['online_for'];
$divOnlineFor.show();
}
// Add schedule
if(data['has_schedule']) {
let darkMode = $('body').hasClass('darkmode') ? 1 : 0;
let iframeWrapper = document.getElementById('cb-enh-iframe');
GM_addElement(iframeWrapper, 'iframe', {
src: 'https://camschedule.com/embed/schedule/' + broadcasterName + '?dark=' + darkMode + '&lang=' + lang,
class: 'cb-enh-schedule-frame'
});
$divSchedule.show();
}
localizeStrings();
}
});
}, 500);
// Insert model avatar on private etc. video board
if(window.intvUpdateAvatarInPrivBoard) {
clearInterval(window.intvUpdateAvatarInPrivBoard);
}
window.intvUpdateAvatarInPrivBoard = setInterval(() => {
let $el = $('#VideoPanel div[ts]').eq(0);
if($el.data('cb-enh-av')) {
return;
}
let $div = $el.find('div:first-child').eq(0);
if($div.length === 0) {
return;
}
$el.data('cb-enh-av', true);
let $avDiv = insertRoomAv($div, broadcasterName);
$avDiv.css('margin', '0 auto');
$avDiv.css('margin-bottom', '10px');
}, 500);
}
function initBelowVideoButtons() {
// Implement live video stream controls
// Add video controls button
let intvAddVideoControlsBtn = setInterval(() => {
// Wait until interface loads
if($('#satisfactionScore').length === 0) {
return;
}
clearInterval(intvAddVideoControlsBtn);
let $videoControlsModal = $('<div id="cb-enh-video-controls-modal" class="whiteModal cb-enh-tab-bar-modal noselect"><div class="cb-enh-tab-bar-modal-arrow-down"></div><span id="cb-enh-video-controls-modal-content"></span></div>');
$(".tabBar").prepend($videoControlsModal);
// Also add screenshot button
$('<div id="cb-enh-video-controls-screenshot" class="cb-enh-video-bar-btn noselect"><span>Screenshot</div>').insertAfter("#satisfactionScore");
// Also add recording button
$('<div id="cb-enh-video-controls-record" class="cb-enh-video-bar-btn noselect"><span>Start recording</div>').insertAfter("#satisfactionScore");
// Add video controls button
$('<div id="cb-enh-video-controls-btn" class="cb-enh-video-bar-btn noselect"><span>Video Controls</div>').insertAfter("#satisfactionScore");
}, 100);
$(document).on("click", "#cb-enh-video-controls-btn", function(e) {
e.preventDefault();
e.stopPropagation();
if(window.cbEnhVideoControlsModalShown) {
$("#cb-enh-video-controls-modal").hide();
window.cbEnhVideoControlsModalShown = false;
return;
}
$("#cb-enh-video-controls-modal").show();
window.cbEnhVideoControlsModalShown = true;
$("#cb-enh-video-controls-modal-content").html(videoControlsContentHTML);
$("#cb-enh-video-controls-modal-show-logo")[0].checked = !getSetting('hide-vid-logo');
let $btn = $(this);
let $modal = $("#cb-enh-video-controls-modal");
let off = $btn.offset();
off.top -= $btn.outerHeight() + $modal.outerHeight();
off.left -= $($modal).outerWidth() / 2;
$modal.offset(off);
let height = $modal.outerHeight();
let $arrow = $("#cb-enh-video-controls-modal .cb-enh-tab-bar-modal-arrow-down");
$arrow.offset({
left: $btn.offset().left + $btn.outerWidth() / 2 - $arrow.outerWidth() / 2,
top: off.top + height
});
});
$(document).click(function(e) {
if(window.cbEnhVideoControlsModalShown && $(e.target).closest('#cb-enh-video-controls-modal').length === 0) {
$("#cb-enh-video-controls-modal").hide();
window.cbEnhVideoControlsModalShown = false;
}
});
$(document).on("click", "#cb-enh-video-controls-modal-show-logo", function() {
let show = $(this)[0].checked;
$(".videoPlayerDiv .cbLogo").toggle(show);
setSetting('hide-vid-logo', !show);
});
$(document).on("click", "#cb-enh-video-controls-modal-mirror-vid", function() {
$(".videoPlayerDiv video").toggleClass("cb-enh-video-mirrored", $(this)[0].checked);
});
$(document).on("click", "#cb-enh-video-controls-modal-invert-vid", function() {
$(".videoPlayerDiv video").toggleClass("cb-enh-video-inverted", $(this)[0].checked);
});
$(document).on("input", "#cb-enh-video-controls-modal-brightness", function() {
vidFilters[0] = "brightness(" + $(this).val() + "%)";
updateVideoFilters();
});
$(document).on("input", "#cb-enh-video-controls-modal-contrast", function() {
vidFilters[1] = "contrast(" + $(this).val() + "%)";
updateVideoFilters();
});
$(document).on("input", "#cb-enh-video-controls-modal-saturation", function() {
vidFilters[2] = "saturate(" + $(this).val() + "%)";
updateVideoFilters();
});
$(document).on("input", "#cb-enh-video-controls-modal-sepia", function() {
vidFilters[3] = "sepia(" + $(this).val() + "%)";
updateVideoFilters();
});
$(document).on("input", "#cb-enh-video-controls-modal-hue", function() {
vidFilters[4] = "hue-rotate(" + $(this).val() + "deg)";
updateVideoFilters();
});
$(document).on("click", "#cb-enh-video-controls-modal-reset", function() {
vidFilters = [];
updateVideoFilters();
$(".videoPlayerDiv video").removeClass("cb-enh-video-mirrored");
$(".videoPlayerDiv video").removeClass("cb-enh-video-inverted");
$("#cb-enh-video-controls-modal-mirror-vid")[0].checked = false;
$("#cb-enh-video-controls-modal-invert-vid")[0].checked = false;
$(".cb-enh-vid-control-slider").each(function() {
$(this).val($(this).attr("data-default"));
});
});
// Screenshot button
$(document).on("click", "#cb-enh-video-controls-screenshot", function(e) {
e.preventDefault();
e.stopPropagation();
captureScreenshot();
});
// Record button
$(document).on("click", "#cb-enh-video-controls-record", function(e) {
e.preventDefault();
e.stopPropagation();
if(!window.cbEnhRecording) {
startRecording();
}
else {
stopRecording();
}
});
}
function getVideo() {
return $(".videoPlayerDiv video");
}
function setSetting(name, value) {
window.cbEnhSettings[name] = value;
localStorage.setItem('cb-enh-settings', JSON.stringify(window.cbEnhSettings));
}
function getSetting(name, value) {
if(typeof window.cbEnhSettings[name] !== 'undefined') {
return window.cbEnhSettings[name];
}
return null;
}
function loadSettings() {
let settings = localStorage.getItem('cb-enh-settings');
if(settings === null) {
settings = {};
}
else {
settings = JSON.parse(settings);
}
window.cbEnhSettings = settings;
}
let vidFilters = [];
function updateVideoFilters() {
getVideo().css("filter", vidFilters.join(" "));
}
function enhanceInaccessibleRoom() {
let lang = $('html').attr('lang');
// Display video of inaccessible room
let $baseRoomContentDiv = $("div.BaseRoomContents div")
if($baseRoomContentDiv.length === 0) {
return;
}
$baseRoomContentDiv = $baseRoomContentDiv.eq(0);
if($baseRoomContentDiv.text().indexOf("Access denied") !== 0) {
return;
}
$baseRoomContentDiv.append('<br><span class="ce-loc" data-ce-loc="try_load">Chaturbate Enhancer will try to load video and bio of this room.</span><br><br>');
let $langForm = $("form[action='/set_language/'] input[name='next']");
if($langForm.length === 0) {
return;
}
let username = $("form[action='/set_language/'] input[name='next']")[0].value.slice(1, -1);
window.currentBroadcaster = username;
GM_addStyle(`
.BaseRoomContents div {
font-size: 14px !important;
font-family: UbuntuMedium, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.darkmode .BaseRoomContents {
border-color: transparent !important;
background-color: #202c39 !important;
}
.ce-row-1 {
color: #0a5a83;
}
.darkmode .ce-row-1 {
color: white;
}
`);
let $upperHolder = $('<div></div>');
$baseRoomContentDiv.append($upperHolder);
let $videoHolder = $('<div></div>');
$baseRoomContentDiv.append($videoHolder);
let $upperHolder2 = $('<div></div>');
$baseRoomContentDiv.append($upperHolder2);
let $upperHolder3 = $('<div></div>');
$baseRoomContentDiv.append($upperHolder3);
let $infoHolder = $('<div></div>');
$baseRoomContentDiv.append($infoHolder);
let $infoHolder2 = $('<div></div>');
$baseRoomContentDiv.append($infoHolder2);
let $scheduleHolder = $('<div></div>');
$baseRoomContentDiv.append($scheduleHolder);
let isOnline = false;
// video type
GM_xmlhttpRequest({
method: 'GET',
url: 'https://onechance.onelove.workers.dev/?https://chaturbate.com/api/chatvideocontext/' + username + '/',
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
'Referer': 'https://chaturbate.com/' + username + '/',
},
timeout: 60*1*1000,
onload: function(resp) {
let data;
try {
data = JSON.parse(resp.responseText);
}
catch(SyntaxError) {
return;
}
if($baseRoomContentDiv.length === 0) {
return;
}
let playVideo = true;
if(data['room_status'] !== 'public') {
let $avDiv = $("<div></div>");
$upperHolder.append($avDiv);
insertRoomAv($avDiv, username);
$upperHolder.append('<span class="ce-loc ce-row-1" data-ce-loc="room_status">Room status is</span>: <span class="ce-loc" data-ce-loc="status_' + data['room_status'] + '">' + data['room_status'] + '</span><br>');
playVideo = false;
}
else {
isOnline = true;
$("#cb-enh-inac-load-chat").show()
}
if(data['hls_source'] === '') {
playVideo = false;
}
if(data['room_title']) {
let $span;
if(data['room_status'] !== 'offline') {
$span = $('<span><span class="ce-loc ce-row-1" data-ce-loc="subject">Subject</span>: <span></span></span>');
}
else {
$span = $('<span><span class="ce-loc ce-row-1" data-ce-loc="last_subject">Last Subject</span>: <span></span></span>');
}
$span.find('span').eq(1).text(data['room_title']);
$upperHolder.append($span);
$upperHolder.append('<br><br>');
}
if(playVideo) {
let $video = $('<video controls webkit-playsinline playsinline autoplay muted data-listener-count-webkitendfullscreen="1" class="vjs-tech cb-enh-video" id="vjs_video_3_html5_api" tabindex="-1" role="application" poster="https://cbjpeg.stream.highwebmedia.com/stream?room=' + username + '&f=' + Math.random() + '"></video>');
$videoHolder.append($video);
$video.on('pause', function() {
try {
$video[0].play();
} catch(err) {}
});
$video.on('click', function() {
try {
$video[0].play();
} catch(err) {}
});
let hls = new Hls();
hls.loadSource(data['hls_source']);
hls.attachMedia($video[0]);
}
if(data['age']) {
$upperHolder3.append('<br><br><span class="ce-loc ce-row-1" data-ce-loc="age">Age</span>: ' + data['age'] + '<br>');
}
if(data['broadcaster_gender']) {
$upperHolder3.append('<span class="ce-loc ce-row-1" data-ce-loc="gender">Gender</span>: <span class="ce-loc" data-ce-loc="gender_' + data['broadcaster_gender'][0] + '">' + data['broadcaster_gender'] + '</span><br>');
}
if(data['num_viewers']) {
if(data['room_status'] !== 'offline') {
$upperHolder3.append('<span class="ce-loc ce-row-1" data-ce-loc="viewers">Viewers</span>: ' + data['num_viewers'] + '<br>');
}
else {
$upperHolder3.append('<span class="ce-loc ce-row-1" data-ce-loc="last_viewers">Last Viewers</span>: ' + data['num_viewers'] + '<br>');
}
}
if(data['performer_has_fanclub']) {
$infoHolder2.append('<span class="ce-loc ce-row-1" data-ce-loc="has_fanclub">Has Fanclub</span>: <span class="ce-loc" data-ce-loc="yes">Yes</span><br>');
}
else {
$infoHolder2.append('<span class="ce-loc ce-row-1" data-ce-loc="has_fanclub">Has Fanclub</span>: <span class="ce-loc" data-ce-loc="no">No</span><br>');
}
if('satisfaction_score' in data) {
let sc = data['satisfaction_score'];
if('percent' in sc && 'up_votes' in sc && 'down_votes' in sc) {
$infoHolder2.append('<span class="ce-loc ce-row-1" data-ce-loc="satisfaction_score">Satisfaction Score</span>: ' + sc['percent'] + '% (' + sc['up_votes'] + ' <span class="ce-loc" data-ce-loc="up">up</span>, ' + sc['down_votes'] + ' <span class="ce-loc" data-ce-loc="down">down</span>)<br>');
}
}
localizeStrings();
},
onerror: function() {
$upperHolder.append('<br>ERROR: Unable to load video.');
}
});
// Fetch info about room
GM_xmlhttpRequest({
method: 'GET',
url: 'https://camschedule.com/api/room/' + username + '?lang=' + lang,
timeout: 60*2*1000,
onload: function(resp) {
let data;
try {
data = JSON.parse(resp.responseText);
}
catch(SyntaxError) {
return;
}
let $loadChatHref = $('<a id="cb-enh-inac-load-chat" style="display:none;" class="ce-loc" data-ce-loc="try_load_chat">Click here to try to load chat.</a><br>');
$upperHolder2.append($loadChatHref);
if(isOnline) {
$loadChatHref.show();
}
$loadChatHref.on('click', function(e) {
$loadChatHref.hide();
e.preventDefault();
e.stopPropagation();
$videoHolder.empty();
GM_addElement($videoHolder[0], 'iframe', {
src: 'https://onechance.onelove.workers.dev/?https://chaturbate.com/embed/' + username + '/',
class: 'cb-enh-chat-frame'
});
});
// Populate "region" row
if(data['region'] !== '') {
let href = '';
if(data['region_id'] == 0) {
href = '/asian-cams/';
}
else if(data['region_id'] == 1) {
href = '/euro-russian-cams/';
}
else if(data['region_id'] == 2) {
href = '/north-american-cams/';
}
else if(data['region_id'] == 3) {
href = '/south-american-cams/';
}
else if(data['region_id'] == 4) {
href = '/other-region-cams/';
}
$infoHolder.append('<span class="ce-loc ce-row-1" data-ce-loc="region">Region</span>: <a href="' + href + '">' + data['region'] + '</a><br>');
}
// Populate "online for" row
if(data['online_for'] && data['online_for'] !== '') {
$infoHolder.append('<span class="ce-loc ce-row-1" data-ce-loc="online_for">Online For</span>: ' + data['online_for'] + '<br>');
}
else if(data['last_online_f'] && data['last_online_f'] !== '') {
$infoHolder.append('<span class="ce-loc ce-row-1" data-ce-loc="last_online">Last Online</span>: ' + data['last_online_f'] + '<br>');
}
let info = {
'real_name': 'Real Name',
'birthday': 'Birthday',
'followers_f': 'Followers',
'location': 'Location',
'languages': 'Languages',
'smoke_drink': 'Smoke / Drink',
'body_type': 'Body Type',
'body_decorations': 'Body Decorations',
};
Object.keys(info).forEach(function(k) {
let v = info[k];
if(data[k]) {
let $span = $('<span><span class="ce-loc ce-row-1" data-ce-loc="' + k + '">' + v + '</span>: <span></span></span>');
$span.find('span').eq(1).text(data[k]);
$infoHolder.append($span);
$infoHolder.append('<br>');
}
});
// Add schedule
if(data['has_schedule']) {
$scheduleHolder.append('<span class="ce-loc ce-row-1" data-ce-loc="schedule">Schedule</span>: <br>');
let darkMode = $('body').hasClass('darkmode') ? 1 : 0;
GM_addElement($scheduleHolder[0], 'iframe', {
src: 'https://camschedule.com/embed/schedule/' + username + '?dark=' + darkMode + '&lang=' + lang,
class: 'cb-enh-schedule-frame'
});
}
localizeStrings();
}
});
}
function enhancePasswordedRoom() {
// @todo
}
function addBioRow(name, visible = true, value = '') {
let loc = name.replace(' ', '_').toLowerCase();
let $el = $('<tr class="cb-enh-row" style="' + (visible ? '' : 'display: none; ') + 'font-size: 14px; font-weight: normal; line-height: 15px; vertical-align: top; text-align: left;"><td class="label" style="padding-bottom: 9px; font-family: UbuntuMedium, Arial, Helvetica, sans-serif; height: 16px;"><span><span class="ce-loc" data-ce-loc="' + loc + '">' + name + '</span>:</span></td><td class="contentText cb-enh-row-value" style="font-size: 14px; line-height: 16px; font-family: UbuntuRegular, Arial, Helvetica, sans-serif;">' + value + '</td></tr>');
let $psContainers = $('.BioContents > div > table > .psContainer');
let $smContainers = $('.BioContents > div > table > .smContainer');
if($psContainers.length > 0) {
$psContainers.last().after($el);
}
else if($smContainers.length > 0) {
$smContainers.last().after($el);
}
else {
$('.BioContents > div > table > tr').slice(-2).first().after($el);
}
return $el;
}
function insertRoomAv($div, username) {
let $avDiv = $('<div class="cb-enh-avatar"></div>');
$div.prepend($avDiv);
GM_addElement($('.cb-enh-avatar')[0], 'img', {
src: 'https://camschedule.com/assets/img/avatar.png',
alt: '',
onload: 'this.style.opacity=1'
});
GM_addElement($('.cb-enh-avatar')[0], 'img', {
src: 'https://cb-enh-thumb.improper.dev/av/' + username + '.jpg',
alt: '',
onload: 'this.style.opacity=1'
});
return $avDiv;
}
document.addEventListener("keydown",
function(e) {
if(`${e.code}` === 'KeyX' && e.ctrlKey) {
if(document.activeElement) {
if(document.activeElement.type === 'input' || document.activeElement.type === 'textarea' || document.activeElement.hasAttribute('contenteditable')) {
return;
}
}
captureScreenshot();
}
}
);
// Screenshoting start
function captureScreenshot() {
if(window.cbEnhCapturingScreenshot) {
return;
}
let $vid = getVideo();
if($vid.length === 0) {
alert('ERROR: There is no video to screenshot!');
return;
}
window.cbEnhCapturingScreenshot = true;
let canvas = captureVideoFrame($vid[0]);
window.cbEnhCapturingScreenshot = false;
if(!canvas) {
alert('ERROR: Failed to capture screenshot!');
return;
}
let username = window.currentBroadcaster ? window.currentBroadcaster : 'unknown';
let link = document.createElement('a');
let date = new Date();
link.download = getFileName(username, '.png', date);
link.href = canvas.toDataURL()
link.click();
}
function captureVideoFrame(video) {
let canvas = document.createElement("canvas");
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
canvas.getContext("2d").drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
return canvas;
}
// Screenshoting end
// Recording start
window.cbEnhRecording = false;
window.cbEnhVidRecorder_stream = null;
window.cbEnhRecordingCanceledByUser = false;
function startRecording() {
if(window.cbEnhRecording) {
return;
}
let $vid = getVideo();
if($vid.length === 0) {
alert('ERROR: There is no video to record!');
return;
}
$("#cb-enh-video-controls-record").find("span").text("Stop recording");
$("#cb-enh-video-controls-record").addClass("cb-enh-active");
window.cbEnhRecording = true;
window.cbEnhRecordingCanceledByUser = false;
let lengthInMS = 1000*60*10;
let username = window.currentBroadcaster ? window.currentBroadcaster : 'unknown';
console.log('Starting recording', username);
let stream = captureStream($vid[0]);
if(stream === 'err-no-func') {
window.cbEnhRecording = false;
alert('ERROR: Your browser does not seem to support recording. Please install latest version of modern browser. If you think that\'s mistake, please fill an issue report. Thank you!');
return;
}
$vid[0].play();
if($vid[0].muted) {
stream.getAudioTracks().forEach( t => stream.removeTrack( t ) );
}
let date = new Date();
startRecordingStream(stream, lengthInMS).then((recordedChunks) => {
let recordedBlob = new Blob(recordedChunks, { type: "video/webm" });
console.log(
`Successfully recorded ${recordedBlob.size} bytes of ${recordedBlob.type} media.`
);
let link = document.createElement('a');
link.download = getFileName(username, '.webm', date);
link.href = URL.createObjectURL(recordedBlob);
link.click();
window.cbEnhVidRecorder_stream = null;
window.cbEnhRecording = false;
if(!window.cbEnhRecordingCanceledByUser) {
// Start next recording
startRecording();
return;
}
window.cbEnhRecordingCanceledByUser = false;
// UI
$("#cb-enh-video-controls-record").find("span").text("Start recording");
$("#cb-enh-video-controls-record").removeClass("cb-enh-active");
});
}
function wait(delayInMS) {
return new Promise((resolve) => setTimeout(resolve, delayInMS));
}
function startRecordingStream(stream, lengthInMS) {
let options = {mimeType: 'video/webm'};
let recorder = new MediaRecorder(stream, options);
let data = [];
recorder.ondataavailable = (event) => { data.push(event.data); }
recorder.start(250);
window.cbEnhVidRecorder_stream = stream;
let stopped = new Promise((resolve, reject) => {
recorder.onstop = (event) => { resolve(event.name); }
recorder.onerror = (event) => { reject(event.name); }
});
let recorded = wait(lengthInMS).then(() => {
if (recorder.state === "recording") {
recorder.stop();
}
});
return Promise.any([stopped, recorded]).then(() => data);
}
function stopRecordingStream(stream) {
stream.getTracks().forEach((track) => track.stop());
}
function stopRecording() {
if(!window.cbEnhRecording || !window.cbEnhVidRecorder_stream) {
return;
}
window.cbEnhRecordingCanceledByUser = true;
stopRecordingStream(window.cbEnhVidRecorder_stream);
}
// Recording end
function getFileName(fname, ext, date) {
let d = date.getFullYear() + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + ('0' + date.getDate()).slice(-2);
let t = ('0' + date.getHours()).slice(-2) + '-' + ('0' + date.getMinutes()).slice(-2) + '-' + ('0' + date.getSeconds()).slice(-2);
return fname + '_' + d + '_' + t + ext;
}
function captureStream(el) {
if(el.captureStream) {
return el.captureStream();
}
if(el.mozCaptureStream) {
return el.mozCaptureStream();
}
return 'err-no-func';
}
// Start
loadSettings();
})();