- // ==UserScript==
- // @name MUSIC SIEU CHILL ( muấn thêm nhạc ib discord :taochsgamedekiemgai2207 )
- // @namespace http://tampermonkey.net/
- // @version 5,5 (beta test )
- // @description Press "tab" or "]" for Menu 1 , press "[" or "`" for Menu 2
- // @author XUAN & taochsgamedekiemgai2207 ( cre: Zick & Ano master and RektByMateX)
- // @match *://*.sploop.io/*
- // @match *://*.*/*
- // @match *://*.moomoo.io/*
- // @match *://*.gemini.google.com/*
- // @match *://*.www.crazygames.com/*
- // @match *://*.youtube.com/*
- // @match *://*.extension/*
- // @match *://translate.google.com/*
- // @match *://translate.google.cn/*
- // @match *://*.edge/*
- // @match *://starve.io/*
- // @match *://moomoo.io/*
- // @match *://sandbox.moomoo.io/*
- // @match *://dev.moomoo.io/*
- // @match *://*.moomoo.io/*
- // @match *://surviv.io/*
- // @match *://agar.io/*
- // @match *://slither.io/*
- // @match *://diep.io/*
- // @match *://deeeep.io/*
- // @match *://evowars.io/*
- // @match *://zombs.io/*
- // @match *://paper-io.com/*
- // @match *://skribbl.io/*
- // @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
- // @require https://cdnjs.cloudflare.com/ajax/libs/microsoft-signalr/6.0.2/signalr.min.js
- // @match https://forms.office.com/Pages/ResponsePage.aspx?*
- // @match https://shub.edu.vn/*
- // @match https://azota.vn/*
- // @match https://quilgo.com/*
- // @match https://docs.google.com/forms/*
- // @match *://agar.io/*
- // @match *://sploop.io/*
- // @match *://mineenergy.fun/*
- // @match *://sandbox.moomoo.io/*
- // @match *://starve.io/*
- // @match *://taming.io/*
- // @match *://arras.io/*
- // @match *://*.www.bing.com/*
- // @match https://cn.bing.com/*
- // @match https://www.bing.com/*
- // @match *://*.bing.com/*
- // @match *://*/*
- // @match https://chat.openai.com/chat
- // @match https://www.google.com/*
- // @match https://duckduckgo.com/*
- // @match https://www.so.com/s*
- // @match *://m.so.com/s*
- // @match *://www.baidu.com/s*
- // @match https://www.baidu.com/*
- // @match https://m.baidu.com/*
- // @match *://baidu.com/s*
- // @match *://yandex.ru/search*
- // @match *://yandex.com/search*
- // @match https://search.ecnu.cf/search*
- // @match https://search.aust.cf/search*
- // @match https://search.*.cf/search*
- // @match https://* .cf:*/*
- // @match *://gooo.azurewebsites.net/*
- // @match https://fsoufsou.com/search*
- // @match https://www.google.com.hk/*
- // @match *://www.sogou.com/*
- // @match *://m.sogou.com/*
- // @match *://wap.sogou.com/*
- // @match *://*.tiangong.cn/*
- // @match *://www.bilibili.com/video/*
- // @match *://blog.csdn.net/*/article/details/*
- // @match *://chatglm.cn/*
- // @match *://*.chatgpt.com/*
- // @match *://starve.io/*
- // @match *://classroom.google.com/*
- // @match *://*.moomoo.io/*
- // @match *://moomoo.io/*
- // @match *://sandbox.moomoo.io/*
- // @match *://www.google.com/recaptcha/api2/*
- // @match *://diep.io/*
- // @match *://www.baidu.com/*
- // @match *://baidu.com/*
- // @match *://m.baidu.com/*
- // @match *://*.greasyfork.org/*
- // @match *://*.google.com/*
- // @match *://*.azota.vn/*
- // @match *://*.chess.com/*
- // @match *://*.google.com.vn/*
- // @match *://*.poki.com/*
- // @match *://*.yahoo.com/*
- // @match *://*.search.yahoo.com/*
- // @match *://*.roblox.com/*
- // @match *://*.battledudes.io/*
- // @match *://*.taming.io/*
- // @match *://*.starblast.io/*
- // @match *://www.baidu.com/*
- // @match *://ipv6.baidu.com/*
- // @match *://image.baidu.com/search*
- // @match *://kaifa.baidu.com/searchPage*
- // @match *://*.bing.com/*search*
- // @match *://duckduckgo.com/*
- // @match *://*.sogou.com/*
- // @match *://www.qwant.com/?*
- // @match *://www.so.com/s*
- // @match *://image.so.com/*
- // @match *://so.toutiao.com/search*
- // @match *://yandex.com/*search*
- // @match *://yandex.ru/*search*
- // @match *://www.ecosia.org/*
- // @match *://*.search.yahoo.com/search*
- // @match *://*.images.search.yahoo.com/search*
- // @match *://you.com/search*
- // @match *://www.startpage.com/*
- // @match *://search.brave.com/*
- // @match *://yep.com/*
- // @match *://swisscows.com/*
- // @match *://search.inetol.net/search*
- // @match *://*.google.com/search*
- // @match *://*.google.ad/search*
- // @match *://*.google.ae/search*
- // @match *://*.google.com.af/search*
- // @match *://*.google.com.ag/search*
- // @match *://*.google.com.ai/search*
- // @match *://*.google.al/search*
- // @match *://*.google.am/search*
- // @match *://*.google.co.ao/search*
- // @match *://*.google.com.ar/search*
- // @match *://*.google.as/search*
- // @match *://*.google.at/search*
- // @match *://*.google.com.au/search*
- // @match *://*.google.az/search*
- // @match *://*.google.ba/search*
- // @match *://*.google.com.bd/search*
- // @match *://*.google.be/search*
- // @match *://*.google.bf/search*
- // @match *://*.google.bg/search*
- // @match *://*.google.com.bh/search*
- // @match *://*.google.bi/search*
- // @match *://*.google.bj/search*
- // @match *://*.google.com.bn/search*
- // @match *://*.google.com.bo/search*
- // @match *://*.google.com.br/search*
- // @match *://*.google.bs/search*
- // @match *://*.google.bt/search*
- // @match *://*.google.co.bw/search*
- // @match *://*.google.by/search*
- // @match *://*.google.com.bz/search*
- // @match *://*.google.ca/search*
- // @match *://*.google.cd/search*
- // @match *://*.google.cf/search*
- // @match *://*.google.cg/search*
- // @match *://*.google.ch/search*
- // @match *://*.google.ci/search*
- // @match *://*.google.co.ck/search*
- // @match *://*.google.cl/search*
- // @match *://*.google.cm/search*
- // @match *://*.google.cn/search*
- // @match *://*.google.com.co/search*
- // @match *://*.google.co.cr/search*
- // @match *://*.google.com.cu/search*
- // @match *://*.google.cv/search*
- // @match *://*.google.com.cy/search*
- // @match *://*.google.cz/search*
- // @match *://*.google.de/search*
- // @match *://*.google.dj/search*
- // @match *://*.google.dk/search*
- // @match *://*.google.dm/search*
- // @match *://*.google.com.do/search*
- // @match *://*.google.dz/search*
- // @match *://*.google.com.ec/search*
- // @match *://*.google.ee/search*
- // @match *://*.google.com.eg/search*
- // @match *://*.google.es/search*
- // @match *://*.google.com.et/search*
- // @match *://*.google.fi/search*
- // @match *://*.google.com.fj/search*
- // @match *://*.google.fm/search*
- // @match *://*.google.fr/search*
- // @match *://*.google.ga/search*
- // @match *://*.google.ge/search*
- // @match *://*.google.gg/search*
- // @match *://*.google.com.gh/search*
- // @match *://*.google.com.gi/search*
- // @match *://*.google.gl/search*
- // @match *://*.google.gm/search*
- // @match *://*.google.gr/search*
- // @match *://*.google.com.gt/search*
- // @match *://*.google.gy/search*
- // @match *://*.google.hk/search*
- // @match *://*.google.com.hk/search*
- // @match *://*.google.hn/search*
- // @match *://*.google.hr/search*
- // @match *://*.google.ht/search*
- // @match *://*.google.hu/search*
- // @match *://*.google.co.id/search*
- // @match *://*.google.ie/search*
- // @match *://*.google.co.il/search*
- // @match *://*.google.im/search*
- // @match *://*.google.co.in/search*
- // @match *://*.google.iq/search*
- // @match *://*.google.is/search*
- // @match *://*.google.it/search*
- // @match *://*.google.je/search*
- // @match *://*.google.com.jm/search*
- // @match *://*.google.jo/search*
- // @match *://*.google.jp/search*
- // @match *://*.google.co.jp/search*
- // @match *://*.google.co.ke/search*
- // @match *://*.google.com.kh/search*
- // @match *://*.google.ki/search*
- // @match *://*.google.kg/search*
- // @match *://*.google.co.kr/search*
- // @match *://*.google.com.kw/search*
- // @match *://*.google.kz/search*
- // @match *://*.google.la/search*
- // @match *://*.google.com.lb/search*
- // @match *://*.google.li/search*
- // @match *://*.google.lk/search*
- // @match *://*.google.co.ls/search*
- // @match *://*.google.lt/search*
- // @match *://*.google.lu/search*
- // @match *://*.google.lv/search*
- // @match *://*.google.com.ly/search*
- // @match *://*.google.co.ma/search*
- // @match *://*.google.md/search*
- // @match *://*.google.me/search*
- // @match *://*.google.mg/search*
- // @match *://*.google.mk/search*
- // @match *://*.google.ml/search*
- // @match *://*.google.com.mm/search*
- // @match *://*.google.mn/search*
- // @match *://*.google.ms/search*
- // @match *://*.google.com.mt/search*
- // @match *://*.google.mu/search*
- // @match *://*.google.mv/search*
- // @match *://*.google.mw/search*
- // @match *://*.google.com.mx/search*
- // @match *://*.google.com.my/search*
- // @match *://*.google.co.mz/search*
- // @match *://*.google.com.na/search*
- // @match *://*.google.com.ng/search*
- // @match *://*.google.com.ni/search*
- // @match *://*.google.ne/search*
- // @match *://*.google.nl/search*
- // @match *://*.google.no/search*
- // @match *://*.google.com.np/search*
- // @match *://*.google.nr/search*
- // @match *://*.google.nu/search*
- // @match *://*.google.co.nz/search*
- // @match *://*.google.com.om/search*
- // @match *://*.google.com.pa/search*
- // @match *://*.google.com.pe/search*
- // @match *://*.google.com.pg/search*
- // @match *://*.google.com.ph/search*
- // @match *://*.google.com.pk/search*
- // @match *://*.google.pl/search*
- // @match *://*.google.pn/search*
- // @match *://*.google.com.pr/search*
- // @match *://*.google.ps/search*
- // @match *://*.google.pt/search*
- // @match *://*.google.com.py/search*
- // @match *://*.google.com.qa/search*
- // @match *://*.google.ro/search*
- // @match *://*.google.ru/search*
- // @match *://*.google.rw/search*
- // @match *://*.google.com.sa/search*
- // @match *://*.google.com.sb/search*
- // @match *://*.google.sc/search*
- // @match *://*.google.se/search*
- // @match *://*.google.com.sg/search*
- // @match *://*.google.sh/search*
- // @match *://*.google.si/search*
- // @match *://*.google.sk/search*
- // @match *://*.google.com.sl/search*
- // @match *://*.google.sn/search*
- // @match *://*.google.so/search*
- // @match *://*.google.sm/search*
- // @match *://*.google.sr/search*
- // @match *://*.google.st/search*
- // @match *://*.google.com.sv/search*
- // @match *://*.google.td/search*
- // @match *://*.google.tg/search*
- // @match *://*.google.co.th/search*
- // @match *://*.google.com.tj/search*
- // @match *://*.google.tl/search*
- // @match *://*.google.tm/search*
- // @match *://*.google.tn/search*
- // @match *://*.google.to/search*
- // @match *://*.google.com.tr/search*
- // @match *://*.google.tt/search*
- // @match *://*.google.com.tw/search*
- // @match *://*.google.co.tz/search*
- // @match *://*.google.com.ua/search*
- // @match *://*.google.co.ug/search*
- // @match *://*.google.co.uk/search*
- // @match *://*.google.com.uy/search*
- // @match *://*.google.co.uz/search*
- // @match *://*.google.com.vc/search*
- // @match *://*.google.co.ve/search*
- // @match *://*.google.vg/search*
- // @match *://*.google.co.vi/search*
- // @match *://*.google.com.vn/search*
- // @match *://*.google.vu/search*
- // @match *://*.google.ws/search*
- // @match *://*.google.rs/search*
- // @match *://*.google.co.za/search*
- // @match *://*.google.co.zm/search*
- // @match *://*.google.co.zw/search*
- // @match *://*.google.cat/search*
- // @match *://*.yahoo/*
- // @match *://*./*
- // @grant none
- // ==/UserScript==
-
- (function() {
- 'use strict';
-
- // Create the music menu container
- const musicMenuContainer = document.createElement('div');
- musicMenuContainer.id = 'musicMenuContainer';
- musicMenuContainer.style.position = 'absolute';
- musicMenuContainer.style.top = '0';
- musicMenuContainer.style.left = '0';
- musicMenuContainer.style.width = '250px';
- musicMenuContainer.style.maxHeight = '100vh';
- musicMenuContainer.style.overflowY = 'auto';
- musicMenuContainer.style.backgroundColor = 'rgba(0, 0, 0, 0.51)';
- musicMenuContainer.style.color = '#fff';
- musicMenuContainer.style.borderRadius = '10px';
- musicMenuContainer.style.padding = '20px';
- musicMenuContainer.style.zIndex = '9999';
- musicMenuContainer.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0,5)';
- musicMenuContainer.style.display = 'none'; // Initially hidden
-
- // Title for music menu
- const musicTitle = document.createElement('h2');
- musicTitle.textContent = ' bấm nút " tab hoạc ] " để mở hoạc tắt menu , bấm "[ hay ` " để mở menu số 2';
- musicTitle.style.textAlign = 'center';
- musicMenuContainer.appendChild(musicTitle);
-
- // Volume control
- const volumeLabel = document.createElement('label');
- volumeLabel.textContent = 'âm thanh:';
- musicMenuContainer.appendChild(volumeLabel);
-
- const volumeSlider = createSlider(0, 100, 50);
- volumeSlider.addEventListener('input', () => {
- const volume = volumeSlider.value / 100;
- player.setVolume(volume * 100);
- });
- musicMenuContainer.appendChild(volumeSlider);
-
- // Mute/Unmute button
- const muteButton = createButton('tắt tiếng', 'rgba(255, 165, 0, 0.5)');
- let isMuted = false;
- muteButton.addEventListener('click', () => {
- isMuted = !isMuted;
- player.setVolume(isMuted ? 0 : volumeSlider.value);
- muteButton.textContent = isMuted ? 'mở tiếng' : 'tắt tiếng';
- });
- musicMenuContainer.appendChild(muteButton);
-
- // Playback speed control
- const speedLabel = document.createElement('label');
- speedLabel.textContent = 'tốc độ nhạc:';
- musicMenuContainer.appendChild(speedLabel);
-
- const speedSelect = createSelect([0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1,1.1,1.2,1.3,1.4,1.5,1.6,1.7,1.8,1.9, 2,3,4,5,6,7,8,9,10,100,1000,10000,1000000,1000000], 'x');
- speedSelect.addEventListener('change', () => {
- player.setPlaybackRate(parseFloat(speedSelect.value));
- });
- musicMenuContainer.appendChild(speedSelect);
-
- // Track progress bar
- const progressContainer = document.createElement('div');
- const progressBar = document.createElement('input');
- progressBar.type = 'range';
- progressBar.min = '0';
- progressBar.max = '100';
- progressBar.value = '0';
- progressBar.style.width = '100%';
- progressBar.style.marginBottom = '10px';
- progressBar.disabled = true;
-
- progressBar.addEventListener('input', () => {
- const time = (progressBar.value / 100) * player.getDuration();
- player.seekTo(time);
- });
-
- progressContainer.appendChild(progressBar);
- musicMenuContainer.appendChild(progressContainer);
-
- // Song duration display
- const durationDisplay = document.createElement('div');
- durationDisplay.textContent = 'thời gian: 0:00 / 0:00';
- durationDisplay.style.textAlign = 'center';
- musicMenuContainer.appendChild(durationDisplay);
-
- // List of music genres and their YouTube links
- const musicList = [
- { name: 'chill', url: 'https://www.youtube.com/watch?v=PifAHkKlP8E&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=115&ab_channel=%F0%9D%9A%85%F0%9D%9A%92%F0%9D%9A%98%F0%9D%9A%95%F0%9D%9A%8E%F0%9D%9A%9D%F0%9D%9A%9D%F0%9D%9A%8E' },
- { name: 'The Right Path', url: 'https://www.youtube.com/watch?v=o_Figo57l8s&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=114&ab_channel=KainRecordings' },
- { name: 'Glass Animals', url: 'https://www.youtube.com/watch?v=6APgzehjAQM&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=113' },
- { name: 'chill 2', url: 'https://www.youtube.com/watch?v=LAMNfW9v2t0&list=PLRBp0Fe2GpgnIh0AiYKh7o7HnYAej-5ph' },
- { name: 'chill 3', url: 'https://www.youtube.com/watch?v=AQbvCfRCFvg&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=111&pp=gAQBiAQB8AUB' },
- { name: 'Darkside', url: 'https://www.youtube.com/watch?v=AIikYWUbAB0&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=110' },
- { name: 'lovely', url: 'https://www.youtube.com/watch?v=0Ghcjygr66g&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=106' },
- { name: 'chill 4', url: 'https://www.youtube.com/watch?v=5yaTVGSXAMc&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=103' },
- { name: 'chill 5', url: 'https://www.youtube.com/watch?v=Y6AiKryrDyk&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=104&pp=gAQBiAQB8AUB' },
- { name: 'I Want You to Know', url: 'https://www.youtube.com/watch?v=iwPEPqNerPY&ab_channel=BeatPanda' },
- { name: 'Tháng Năm Không Quên', url: 'https://www.youtube.com/watch?v=g3s-OdZazbQ&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=102' },
- { name: 'Bài Hát Liên Quân', url: 'https://www.youtube.com/watch?v=CxXN5DmI9s4&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=101' },
- { name: 'DDTank - Tết Nhà Bà Hoan Parody ', url: 'https://www.youtube.com/watch?v=NRRs9HyfNMc&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=95' },
- { name: 'Legendary', url: 'https://www.youtube.com/watch?v=cTlshvPrIZo&list=RDQMBlegB1oalTw&index=19' },
- { name: 'ĐẾ VƯƠNG', url: 'https://www.youtube.com/watch?v=qkPgUgkQE4Y&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=93' },
- { name: 'Lost Sky', url: 'https://www.youtube.com/watch?v=L7kF4MXXCoA&list=RDQMBlegB1oalTw&index=21' },
- { name: 'Tướng Quân ', url: 'https://www.youtube.com/watch?v=U-hAhjg56HU&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=92' },
- { name: 'candyland', url: 'https://www.youtube.com/watch?v=IhchfhxvPKI&ab_channel=Tobu' },
- { name: 'Vicetone - Nevada', url: 'https://www.youtube.com/watch?v=AnMhdn0wJ4I&list=RDQMBlegB1oalTw&index=25' },
- { name: 'Believer ', url: 'https://www.youtube.com/watch?v=FXqp9WiFWzc&list=RDQMBlegB1oalTw&index=17' },
- { name: 'On & On', url: 'https://www.youtube.com/watch?v=XsZZQPKLChY&list=RDQMBlegB1oalTw&index=15' },
- { name: '💋💜Nevada💜💋', url: 'https://www.youtube.com/watch?v=bLrOTFDU2ZI&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=109&ab_channel=Detective.J' },
- { name: 'Legends Never Die', url: 'https://www.youtube.com/watch?v=r6zIGXun57U&list=RDQMBlegB1oalTw&index=3' },
- { name: 'nevada', url: 'https://www.youtube.com/watch?v=2jzxIOCYzEM&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=108&ab_channel=Jarctix' },
- { name: 'chill 6', url: 'https://www.youtube.com/watch?v=ZzbYaDHkObY&list=RDQMBlegB1oalTw&index=5' },
- { name: 'chill 7', url: 'https://www.youtube.com/watch?v=9pO-Cuq7R1Y&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=91&ab_channel=%23phuongmusic.' },
- { name: 'chill 8', url: 'https://www.youtube.com/watch?v=o85fLo47FUE&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=90&pp=gAQBiAQB8AUB' },
- { name: 'chill 9', url: 'https://www.youtube.com/watch?v=NHDKk1QyfhM&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=89&pp=gAQBiAQB8AUB' },
- { name: 'chill 10', url: 'https://www.youtube.com/watch?v=WKtJ7tVgxxs&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=88&pp=gAQBiAQB8AUB' },
- { name: 'chill 11', url: 'https://www.youtube.com/watch?v=kkRqgK6GOWs&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=86&pp=gAQBiAQB8AUB' },
- { name: 'chill 12', url: 'https://www.youtube.com/watch?v=kkRqgK6GOWs&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=86&pp=gAQBiAQB8AUB' },
- { name: 'chill 13', url: 'https://www.youtube.com/watch?v=xZhkxpwkYiA&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=84&pp=gAQBiAQB8AUB' },
- { name: 'chill 14', url: 'https://www.youtube.com/watch?v=_0FI0jVeNUQ&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=83&pp=gAQBiAQB8AUB' },
- { name: 'chill 15', url: 'https://www.youtube.com/watch?v=w35LzCA0YLY&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=82&pp=gAQBiAQB8AUB' },
- { name: 'chill 16', url: 'https://www.youtube.com/watch?v=40EAqsXibhM&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=81&pp=gAQBiAQB8AUB' },
- { name: 'chill 17', url: 'https://www.youtube.com/watch?v=J4L-1FLXVLM&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=80&pp=gAQBiAQB8AUB' },
- { name: 'chill 18', url: 'https://www.youtube.com/watch?v=_7G-E0N9D0w&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=79&pp=gAQBiAQB8AUB' },
- { name: 'chill 19', url: 'https://www.youtube.com/watch?v=-my-C09BdPc&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=77&pp=gAQBiAQB8AUB' },
- { name: 'chill 20', url: 'https://www.youtube.com/watch?v=bb5ucM01Em0&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=76&pp=gAQBiAQB8AUB' },
- { name: 'chill 21', url: 'https://www.youtube.com/watch?v=7ld_7tRuasg&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=75&pp=gAQBiAQB8AUB' },
- { name: 'chill 22', url: 'https://www.youtube.com/watch?v=b0vf8CAh82c&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=73&pp=gAQBiAQB8AUB' },
- { name: 'chill 23', url: 'https://www.youtube.com/watch?v=ocfOBZSOwGc&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=72&pp=gAQBiAQB8AUB' },
- { name: 'chill 24', url: 'https://www.youtube.com/watch?v=caf7T4AubSE&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=71&pp=gAQBiAQB8AUB' },
- { name: 'chill 25', url: 'https://www.youtube.com/watch?v=ZhGWQuqE758&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=65&pp=gAQBiAQB8AUB' },
- { name: 'chill 26', url: 'https://www.youtube.com/watch?v=h3aWuBzimTk&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=66&pp=gAQBiAQB8AUB' },
- { name: 'chill 27', url: 'https://www.youtube.com/watch?v=RKF4Tn7P-MQ&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=63&pp=gAQBiAQB8AUB' },
- { name: 'chill 28', url: 'https://www.youtube.com/watch?v=7bLDnULTyaA&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=61&pp=gAQBiAQB8AUB' },
- { name: 'Run Free', url: 'https://www.youtube.com/watch?v=o3KXwe-7A-I&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=60&ab_channel=ATLAST' },
- { name: 'Shadow Of The Sun', url: 'https://www.youtube.com/watch?v=HsM9VucuCtw&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=59&ab_channel=AZURA' },
- { name: 'Cưới Thôi', url: 'https://www.youtube.com/watch?v=JOWqEpONn9w&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=58' },
- { name: 'Ấn Nút Nhớ Thả Giấc Mơ', url: 'https://www.youtube.com/watch?v=sSljdfttEl8&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=58&ab_channel=N26Music%E2%99%AA' },
- { name: 'huan BACK HOME', url: 'https://www.youtube.com/watch?v=8Tx36l5MGxg&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=55&pp=gAQBiAQB8AUB' },
- { name: 'WAY BACK HOME', url: 'https://www.youtube.com/watch?v=1kehqCLudyg&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=54&pp=gAQBiAQB8AUB' },
- { name: 'THAT GIRL', url: 'https://www.youtube.com/watch?v=OUtbNopS4xU&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=53&pp=gAQBiAQB8AUB' },
- { name: 'PRETTY GIRL', url: 'https://www.youtube.com/watch?v=ptIXwyxf7XQ&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=52&pp=gAQBiAQB8AUB' },
- { name: 'DREAM-SAVE ME', url: 'https://www.youtube.com/watch?v=rREz6DYDXng&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=48&pp=gAQBiAQB8AUB' },
- { name: 'ALAN- PLAY', url: 'https://www.youtube.com/watch?v=YQRHrco73g4&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=44&pp=gAQBiAQB8AUB' },
- { name: 'NHAC REVIEW PHIM', url: 'https://www.youtube.com/watch?v=ialVTirpQ5Q&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=43&pp=gAQBiAQB8AUB' },
- { name: 'LOVE IS GONE', url: 'https://www.youtube.com/watch?v=c6SZy7miyaY&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=42&pp=gAQBiAQB8AUB' },
- { name: 'MONODY', url: 'https://www.youtube.com/watch?v=1MZR0BEniIY&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=36&pp=gAQBiAQB8AUB' },
- { name: 'STEORT HEAL', url: 'https://www.youtube.com/watch?v=Y1pq2oLXbTQ&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=33&pp=gAQBiAQB8AUB' },
- { name: 'CLOSE THE SUN', url: 'https://www.youtube.com/watch?v=VyXm3GTdNf0' },
- { name: 'PSYCHO', url: 'https://www.youtube.com/watch?v=YvLRu5vcr68' },
- { name: 'Yami', url: 'https://www.youtube.com/watch?v=eTgxYFXP1hc&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=14&ab_channel=C%C3%A0Chua' },
- { name: 'RETUNR', url: 'https://www.youtube.com/watch?v=m4Hg_JMtJqI&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=15&pp=gAQBiAQB8AUB' },
- { name: 'TOP EDM', url: 'https://www.youtube.com/watch?v=xlTZywrfO7E&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=17&pp=gAQBiAQB8AUB' },
- { name: 'HIS THEME', url: 'https://www.youtube.com/watch?v=qOpsp9bJFP4&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=12&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 29', url: 'https://www.youtube.com/watch?v=ybgvaC4rfAE&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&ab_channel=%F0%9D%90%92%F0%9D%90%9A%F0%9D%90%9D%F0%9D%90%82%F0%9D%90%A1%F0%9D%90%A2%F0%9D%90%A5%F0%9D%90%A5-%F0%9D%90%94%F0%9D%90%92%F0%9D%90%94%F0%9D%90%8A' },
- { name: 'CHILL 30', url: 'https://www.youtube.com/watch?v=-GDI6oT6Jp8&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=2&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 31', url: 'https://www.youtube.com/watch?v=6LW7tcryoXs&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=3&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 32', url: 'https://www.youtube.com/watch?v=6LW7tcryoXs&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=3&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 33', url: 'https://www.youtube.com/watch?v=6I5gYHn-QOk&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=4&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 34', url: 'https://www.youtube.com/watch?v=5sG4k7rj6MY&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=5&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 35', url: 'https://www.youtube.com/watch?v=0wsMSc5hDQg&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=6&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 36', url: 'https://www.youtube.com/watch?v=5TZ33vy_v5w&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=7&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 37', url: 'https://www.youtube.com/watch?v=5TZ33vy_v5w&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=7&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 38', url: 'https://www.youtube.com/watch?v=gfsUC3F8pYA&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=8&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 39', url: 'https://www.youtube.com/watch?v=gfsUC3F8pYA&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=8&pp=gAQBiAQB8AUB' },
- { name: 'CHILL 40', url: 'https://www.youtube.com/watch?v=zFx0o4epvPA&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=9&pp=gAQBiAQB8AUB' },
- { name: 'intro ( real love )', url: 'https://www.youtube.com/watch?v=66nH4dXp_-o' },
- { name: 'in the end', url: 'https://www.youtube.com/watch?v=WNeLUngb-Xg' },
- { name: '花火が瞬く夜に', url: 'https://www.youtube.com/watch?v=xZ5Rrrul7h8' },
- { name: 'Melancholy', url: 'https://www.youtube.com/watch?v=RxglYGHuqFc' },
- { name: '只要和你 坐着不说话也觉得浪漫', url: 'https://www.youtube.com/watch?v=DzbesIaB3Y0' },
- { name: 'windy hill', url: 'https://www.youtube.com/watch?v=qV97ux4NA28&pp=ygUKd2luZHkgaGlsbA%3D%3D' },
- { name: '海底 của 一支榴莲', url: 'https://www.youtube.com/watch?v=v5gK8np-OTA' },
- { name: '下辈子还要和你成个家', url: 'https://www.youtube.com/watch?v=6CMITr9dTws' },
- { name: 'past lives', url: 'https://www.youtube.com/watch?v=iNa1n6Gch7E' },
- { name: 'lovely', url: 'https://www.youtube.com/watch?v=8VLXHyHRXjc&pp=ygUGbG92ZWx5' },
- { name: '送给未来的你', url: 'https://www.youtube.com/watch?v=iQfIcgA8qHg' },
- { name: '刚好遇见你 sieu hay', url: 'https://www.youtube.com/watch?v=aEhq4WxBYqM' },
- { name: 'ALAN 2', url: 'https://www.youtube.com/watch?v=jlQ2hs0EANo' },
- { name: 'top chil tq', url: 'https://www.youtube.com/watch?v=2EmGToTikIY' },
- { name: 'My Sunset', url: 'https://www.youtube.com/watch?v=GpkHJlyV7TQ' },
- { name: 'Nụ Cười Của Cô Ấy', url: 'https://www.youtube.com/watch?v=wvkGE4mtTB0' },
- { name: 'Lifeline', url: 'https://www.youtube.com/watch?v=rWTmSHXVfCM' },
- { name: 'dancing with your ghost', url: 'https://www.youtube.com/watch?v=emm0uGDGg2o' },
- { name: 'shape of you', url: 'https://www.youtube.com/watch?v=Ksin3zNXvzo' },
- { name: 'seasons', url: 'https://www.youtube.com/watch?v=Ymts4ldfPws' },
- { name: 'L.I.F.E', url: 'https://www.youtube.com/watch?v=_tSWg-KOslM' },
- { name: 'summersong', url: 'https://www.youtube.com/watch?v=HoCw_gaCHXE' },
- { name: '芒种" (Mang Chủng)', url: 'https://www.youtube.com/watch?v=vgbrIy08e2w' },
- { name: 'china-X', url: 'https://www.youtube.com/watch?v=qgVXS8l5smo' },
- { name: 'breathe', url: 'https://www.youtube.com/watch?v=KbT-qpE3Kl4' },
- { name: 'dynasty', url: 'https://www.youtube.com/watch?v=5OESzopq3dE' },
- { name: 'Giày Cao Gót Màu Đỏ', url: 'https://www.youtube.com/watch?v=NygnIPFch-M' },
- { name: '20 EDM tq', url: 'https://www.youtube.com/watch?v=IAMbG8OiExU' },
- { name: 'top nhac', url: 'https://www.youtube.com/watch?v=u5WZnV3AoA4' },
- { name: 'Closer', url: 'https://www.youtube.com/watch?v=PT2_F-1esPk&ab_channel=ChainsmokersVEVO' },
- { name: 'dusk till dawn', url: 'https://www.youtube.com/watch?v=p-eS-_olx9M&ab_channel=7clouds' },
- { name: 'Mood ', url: 'https://www.youtube.com/watch?v=f1J4dRTMy9A&ab_channel=7clouds' },
- { name: 'royalty', url: 'https://www.youtube.com/watch?v=oOi3oJmfz4o&ab_channel=7clouds' },
- { name: 'Nova', url: 'https://www.youtube.com/watch?v=Rq-0NxKUR-Y&ab_channel=SrMichi' },
- { name: 'Fight', url: 'https://www.youtube.com/watch?v=EVpm3pHYaV4&ab_channel=BeatBrothers' },
- { name: 'First Date', url: 'https://www.youtube.com/watch?v=AVK0BIVqLLc&ab_channel=frad' },
- { name: 'Vacation', url: 'https://www.youtube.com/watch?v=TidRG-baYi8&ab_channel=Nh%E1%BA%ADtH%E1%BA%A3oTr%E1%BA%A7n' },
- { name: 'anh thanh niên', url: 'https://www.youtube.com/watch?v=HPL74s4VPdk&pp=ygUPYW5oIHRoYW5oIG5pw6pu' },
- { name: 'kẹo bông ngòn ', url: 'https://www.youtube.com/watch?v=sHa5nQO3jwA&ab_channel=H2KMusic' },
- { name: 'Mây x Gió', url: 'https://www.youtube.com/watch?v=0A6hCfFZVj4&ab_channel=DuzmeMusic' },
- { name: 'spectre', url: 'https://www.youtube.com/watch?v=wJnBTPUQS5A' },
- { name: 'alone', url: 'https://www.youtube.com/watch?v=1-xGerv5FOk' },
- { name: 'faded', url: 'https://www.youtube.com/watch?v=60ItHLz5WEA' },
- { name: 'chill 41', url: 'https://www.youtube.com/watch?v=4vayrx6PFCQ&ab_channel=AGNES%F0%9F%94%A5' },
- { name: 'chill 42', url: 'https://www.youtube.com/watch?v=icxO53ZyK7A' },
- { name: 'chill 43', url: 'https://www.youtube.com/watch?v=AQbvCfRCFvg' },
- { name: 'On my way', url: 'https://www.youtube.com/watch?v=ETqXUBFZpkE&ab_channel=LOFI_LINES' },
- { name: 'Nothin On Me', url: 'https://www.youtube.com/watch?v=qmbB3uR92j8&ab_channel=H%E1%BB%A7Mu%E1%BB%91iM%E1%BA%B7n' },
- { name: 'PIXELS', url: 'https://www.youtube.com/watch?v=EUyQgyzpAbE&ab_channel=brianjcb' },
- { name: 'Nothing on you', url: 'https://www.youtube.com/watch?v=U573mlR4rYw&ab_channel=DuskMusicASIA' },
- { name: 'So Far Away ', url: 'https://www.youtube.com/watch?v=rA0jSPEoyk4&ab_channel=ITMMUSIC' },
- { name: 'sold out', url: 'https://www.youtube.com/watch?v=clKvFcl0zwo&ab_channel=LyricsMusic' },
- { name: 'the way still love you', url: 'https://www.youtube.com/watch?v=MsBEu1iWsF4&ab_channel=TopTikTok' },
- { name: 'Phonecert mashup', url: 'https://www.youtube.com/watch?v=3onAOL9dY1o&list=LL&index=2&ab_channel=RemixTV' },
- { name: 'top tq sieu chill', url: 'https://www.youtube.com/watch?v=TmRvke5Ue-k&ab_channel=Tr.T.Kh%C3%A1nhHuy%E1%BB%81n' },
- { name: 'Reverse溯 (版钢琴', url: 'https://www.youtube.com/watch?v=v7xRVTXWkbU&ab_channel=HyQMusic%E3%83%84' },
- { name: 'DEATH BED', url: 'https://www.youtube.com/watch?v=jJPMnTXl63E&list=PLB8Tk-JabtWed_6pE4H7yqctxbntnjwEe&index=10&pp=gAQBiAQB8AUB' }
- ];
-
-
- let currentPlayingID = null;
- let currentButton = null;
-
- // Initialize music list
- const musicItemContainer = document.createElement('div');
- musicList.forEach(music => addMusicButton(music));
- musicMenuContainer.appendChild(musicItemContainer);
- document.body.appendChild(musicMenuContainer);
-
- function addMusicButton(music) {
- const musicItem = document.createElement('div');
- musicItem.style.display = 'flex';
- musicItem.style.alignItems = 'center';
- musicItem.style.marginBottom = '10px';
-
- const musicButton = createButton(music.name + ' (nghe thử xem)', 'rgba(0, 255, 255, 0.5)');
-
- musicButton.addEventListener('click', () => {
- playMusic(music, musicButton);
- });
-
- musicItem.appendChild(musicButton);
- musicItemContainer.appendChild(musicItem);
- }
-
- // Play the selected music
- function playMusic(music, musicButton) {
- if (currentPlayingID && currentButton) {
- player.stopVideo();
- currentButton.textContent = currentButton.textContent.replace(' (Playing)', ' (Play)');
- currentButton.style.color = '#fff'; // Reset color
- }
- const videoID = extractVideoID(music.url);
- if (videoID) {
- player.loadVideoById(videoID);
- player.playVideo();
- currentPlayingID = videoID;
- currentButton = musicButton;
- musicButton.textContent = music.name + ' (Chill nào)';
- musicButton.style.color = 'lightgreen'; // Change color to light green when playing
- }
- }
-
- // Create buttons for volume, speed, etc.
- function createButton(text, bgColor) {
- const button = document.createElement('button');
- button.textContent = text;
- button.style.width = '100%';
- button.style.padding = '10px';
- button.style.backgroundColor = bgColor;
- button.style.color = '#fff';
- button.style.border = 'none';
- button.style.borderRadius = '5px';
- button.style.cursor = 'pointer';
- button.style.transition = 'background-color 0.3s';
-
- button.addEventListener('mouseover', () => {
- button.style.backgroundColor = 'rgba(255, 255, 255, 0.5)';
- });
-
- button.addEventListener('mouseout', () => {
- button.style.backgroundColor = bgColor;
- });
-
- return button;
- }
-
- // Create a slider
- function createSlider(min, max, defaultValue) {
- const slider = document.createElement('input');
- slider.type = 'range';
- slider.min = min;
- slider.max = max;
- slider.value = defaultValue;
- slider.style.width = '100%';
- slider.style.marginBottom = '10px';
- return slider;
- }
-
- // Create a select dropdown
- function createSelect(options, suffix) {
- const select = document.createElement('select');
- options.forEach(option => {
- const opt = document.createElement('option');
- opt.value = option;
- opt.textContent = `${option}${suffix}`;
- select.appendChild(opt);
- });
- select.style.width = '100%';
- return select;
- }
-
- // Create Pause/Play Button
- const pauseButton = createButton('TẠM DỪNG', 'rgba(0, 255, 0, 0.5)');
- pauseButton.addEventListener('click', () => {
- if (currentPlayingID) {
- const state = player.getPlayerState();
- if (state === YT.PlayerState.PLAYING) {
- player.pauseVideo();
- pauseButton.textContent = 'BẮT ĐẦU '; // Change to play
- } else {
- player.playVideo();
- pauseButton.textContent = 'TẠM DỪNG'; // Change to pause
- }
- }
- });
- musicMenuContainer.appendChild(pauseButton);
-
- // Create Random Play Button
- const randomPlayButton = createButton('ngẫu nhiên BÀI NHẠC', 'rgba(255, 0, 255, 0.5)');
- randomPlayButton.addEventListener('click', () => {
- const randomIndex = Math.floor(Math.random() * musicList.length);
- playMusic(musicList[randomIndex], randomPlayButton);
- });
- musicMenuContainer.appendChild(randomPlayButton);
-
- // Create Stop Music button
- const stopButton = createButton('Dừng nhạc', 'rgba(255, 0, 0, 0.5)');
- stopButton.addEventListener('click', () => {
- if (currentPlayingID) {
- player.stopVideo();
- currentPlayingID = null;
- if (currentButton) {
- currentButton.textContent = currentButton.textContent.replace(' (Playing)', ' (Play)');
- currentButton.style.color = '#fff'; // Reset color
- }
- }
- });
- musicMenuContainer.appendChild(stopButton);
-
- // Create an invisible player container
- const playerContainer = document.createElement('div');
- playerContainer.id = 'musicPlayer';
- playerContainer.style.position = 'fixed';
- playerContainer.style.bottom = '0';
- playerContainer.style.right = '0';
- playerContainer.style.width = '0';
- playerContainer.style.height = '0';
- document.body.appendChild(playerContainer);
-
- // Load YouTube IFrame Player API
- let tag = document.createElement('script');
- tag.src = "https://www.youtube.com/iframe_api";
- let firstScriptTag = document.getElementsByTagName('script')[0];
- firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
-
- // Create YouTube player
- let player;
- window.onYouTubeIframeAPIReady = function() {
- player = new YT.Player('musicPlayer', {
- height: '0',
- width: '0',
- videoId: '',
- playerVars: { 'autoplay': 1, 'controls': 0, 'mute': 0 },
- events: {
- 'onReady': onPlayerReady,
- 'onStateChange': onPlayerStateChange
- }
- });
- };
-
- function onPlayerReady(event) {
- console.log('YouTube Player is ready');
- }
-
- function onPlayerStateChange(event) {
- if (event.data === YT.PlayerState.PLAYING) {
- updateDurationDisplay();
- setInterval(updateProgressBar, 1000);
- }
- }
-
- // Update duration display and progress bar
- function updateDurationDisplay() {
- const duration = player.getDuration();
- durationDisplay.textContent = `Duration: ${formatTime(player.getCurrentTime())} / ${formatTime(duration)}`;
- progressBar.max = duration;
- }
-
- // Update progress bar
- function updateProgressBar() {
- if (player && currentPlayingID) {
- progressBar.value = player.getCurrentTime();
- updateDurationDisplay();
- }
- }
-
- // Format time in MM:SS
- function formatTime(seconds) {
- const minutes = Math.floor(seconds / 60);
- const secs = Math.floor(seconds % 60);
- return `${minutes}:${secs < 10 ? '0' + secs : secs}`;
- }
-
- // Function to extract video ID from YouTube URL
- function extractVideoID(url) {
- const videoIDMatch = url.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
- return videoIDMatch ? videoIDMatch[1] : null;
- }
-
- // Hide music menu with Esc key
- document.addEventListener('keydown', (event) => {
- if (event.key === 'Tab') {
- musicMenuContainer.style.display = musicMenuContainer.style.display === 'block' ? 'none' : 'block';
- }
- if (event.key === ']') {
- musicMenuContainer.style.display = musicMenuContainer.style.display === 'block' ? 'none' : 'block';
- }
- if (event.key === '') { // Space for play/pause
- pauseButton.click();
- }
- if (event.key === '') { // '' key to stop
- stopButton.click();
- }
- });
-
- // Show the music menu initially (optional)
- musicMenuContainer.style.display = 'block';
-
- })();
- (function () {
- 'use strict';
-
- const menu = document.createElement('div');
- menu.id = 'music-menu';
- menu.style.position = 'fixed';
- menu.style.top = '0';
- menu.style.right = '-300px';
- menu.style.width = '250px';
- menu.style.height = '100%';
- menu.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
- menu.style.color = '#fff';
- menu.style.fontFamily = 'Arial, sans-serif';
- menu.style.padding = '20px';
- menu.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.5)';
- menu.style.transition = 'right 0.5s ease';
- menu.style.zIndex = '10000';
- menu.innerHTML = `
- <h2 style="text-align: center;" id="music-menu-title">Hudební menu</h2>
- <label for="music-url" id="music-url-label">URL písničky (YouTube):</label>
- <input id="music-url" type="text" style="width: 100%; margin-bottom: 10px; padding: 5px;" placeholder="cho link ytb vào đây....">
- <label for="start-time" id="start-time-label">Start Time Seconds...):</label>
- <input id="start-time" type="number" style="width: 100%; margin-bottom: 10px; padding: 5px;" placeholder="giây...">
- <button id="play-music" style="width: 100%; padding: 10px; margin-bottom: 10px; background-color: #4CAF50; color: white; border: none; cursor: pointer; font-size: 16px; font-weight: bold; border-radius: 5px;">Přehrát písničku</button>
- <button id="start-video" style="width: 100%; padding: 10px; margin-bottom: 10px; background-color: #2196F3; color: white; border: none; cursor: pointer; font-size: 16px; font-weight: bold; border-radius: 5px;">START VIDEO</button>
- <button id="stop-music" style="width: 100%; padding: 10px; background-color: #f44336; color: white; border: none; cursor: pointer; font-size: 16px; font-weight: bold; border-radius: 5px;">Zastavit</button>
- <div id="video-container" style="margin-top: 20px; display: none;">
- <iframe id="video-frame" width="100%" height="200" style="border: none;" src="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
- </div>
- <div id="player" style="margin-top: 20px; display: none;"></div>
- <div id="warning" style="margin-top: 20px; color: red; font-weight: bold;">
- <p id="adblock-warning">POUŽITÍ ADBLOCKU VEDE K NEFUNKČNOSTI VYPNITE HO</p>
- <label for="language-select" style="color: white;">Language:</label>
- <select id="language-select" style="width: 100%; padding: 5px;">
- <option value="cz">Čeština</option>
- <option value="en">English</option>
- <option value="ru">Русский</option>
- <option value="vi">Tiếng Việt</option>
- <option value="ar">العربية</option>
- </select>
- </div>
- <div style="margin-top: 20px; text-align: center; font-weight: bold; color: #FFEB3B;">
- Script By <a href="https://www.youtube.com/@RektByMateX" target="_blank" style="color: #FF4081; font-weight: bold; text-decoration: underline;">RektByMateX</a>
- </div>
- <div style="margin-top: 20px; text-align: center; font-weight: bold; color: #FFEB2B;">
- truy cập nhanh (quick access)
- </div>
- <div style="margin-top: 20px; text-align: center; font-weight: bold; color: #FFEB3B;">
- 1 <a href="https://www.youtube.com" target="_blank" style="color: #FF4081; font-weight: bold; text-decoration: underline;">youtube</a>
- </div>
- <div style="margin-top: 20px; text-align: center; font-weight: bold; color: #FFEB3B;">
- 2 <a href="https://translate.google.com" target="_blank" style="color: #FF4081; font-weight: bold; text-decoration: underline;">translate.google</a>
- </div>
- <div style="margin-top: 20px; text-align: center; font-weight: bold; color: #FFEB3B;">
- 3 <a href="https://facebook.com" target="_blank" style="color: #FF4081; font-weight: bold; text-decoration: underline;">facebook</a>
- </div>
- <div style="margin-top: 20px; text-align: center; font-weight: bold; color: #FFEB3B;">
- 4 <a href="https://discord.com/channels/@me" target="_blank" style="color: #FF4081; font-weight: bold; text-decoration: underline;">discord</a>
- </div>
- <div style="margin-top: 20px; text-align: center; font-weight: bold; color: #FFEB3B;">
- 5 <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley" target="_blank" style="color: #FF4081; font-weight: bold; text-decoration: underline;">hmmmmmm</a>
- </div>
- `;
- document.body.appendChild(menu);
-
- let menuVisible = false;
- function toggleMenu() {
- menu.style.right = menuVisible ? '-300px' : '0';
- menuVisible = !menuVisible;
- console.log('Menu visible:', menuVisible); // Debugging line
- }
-
- let player;
- function createYouTubePlayer(videoId, startTime) {
- if (!player) {
- player = new YT.Player('player', {
- height: '0',
- width: '0',
- videoId: videoId,
- playerVars: { autoplay: 1, start: startTime },
- events: {
- onReady: (event) => {
- event.target.playVideo();
- }
- }
- });
- } else {
- player.loadVideoById(videoId, startTime);
- }
- }
-
- function stopYouTubePlayer() {
- if (player) {
- player.stopVideo();
- }
- const iframe = document.getElementById('video-frame');
- iframe.src = '';
- document.getElementById('player').style.display = 'none';
- document.getElementById('video-container').style.display = 'none';
- }
-
- document.getElementById('play-music').addEventListener('click', () => {
- const url = document.getElementById('music-url').value;
- const startTime = parseInt(document.getElementById('start-time').value) || 0;
- const videoId = extractYouTubeVideoId(url);
- if (videoId) {
- createYouTubePlayer(videoId, startTime);
- document.getElementById('player').style.display = 'block';
- document.getElementById('video-container').style.display = 'none';
- } else {
- alert('Neplatný YouTube odkaz.');
- }
- });
-
- document.getElementById('start-video').addEventListener('click', () => {
- const url = document.getElementById('music-url').value;
- const startTime = parseInt(document.getElementById('start-time').value) || 0;
- const videoId = extractYouTubeVideoId(url);
- if (videoId) {
- const iframe = document.getElementById('video-frame');
- iframe.src = `https://www.youtube.com/embed/${videoId}?start=${startTime}&autoplay=1`;
- document.getElementById('video-container').style.display = 'block';
- document.getElementById('player').style.display = 'none';
- } else {
- alert('Neplatný YouTube odkaz.');
- }
- });
-
- document.getElementById('stop-music').addEventListener('click', () => {
- stopYouTubePlayer();
- });
-
- document.addEventListener('keydown', (e) => {
- if (e.key.toLowerCase() === '[') {
- toggleMenu();
- }
- if (e.key.toLowerCase() === '`') {
- toggleMenu();
- }
- });
-
- function extractYouTubeVideoId(url) {
- const match = url.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
- return match ? match[1] : null;
- }
-
- const script = document.createElement('script');
- script.src = 'https://www.youtube.com/iframe_api';
- document.head.appendChild(script);
-
- document.getElementById('language-select').addEventListener('change', (e) => {
- changeLanguage(e.target.value);
- });
-
- function changeLanguage(language) {
- const translations = {
- cz: {
- 'music-menu-title': 'Hudební menu',
- 'music-url-label': 'URL písničky (YouTube):',
- 'start-time-label': 'Začátek (sekundy):',
- 'play-music': 'Přehrát písničku',
- 'start-video': 'Spustit Video',
- 'stop-music': 'Zastavit',
- 'adblock-warning': 'POUŽITÍ ADBLOCKU VEDE K NEFUNKČNOSTI VYPNITE HO',
- 'language-btn': 'Vyberte jazyk'
- },
- en: {
- 'music-menu-title': 'Music Menu',
- 'music-url-label': 'Song URL (YouTube):',
- 'start-time-label': 'Start time (seconds):',
- 'play-music': 'Play Song',
- 'start-video': 'START VIDEO',
- 'stop-music': 'Stop',
- 'adblock-warning': 'USING ADBLOCK CAUSES FAILURE, PLEASE DISABLE IT',
- 'language-btn': 'Languages'
- },
- ru: {
- 'music-menu-title': 'Музыкальное меню',
- 'music-url-label': 'URL песни (YouTube):',
- 'start-time-label': 'Время начала (секунды):',
- 'play-music': 'Воспроизвести песню',
- 'start-video': 'Запустить видео',
- 'stop-music': 'Остановить',
- 'adblock-warning': 'Использование Adblock вызывает сбой, пожалуйста, отключите его',
- 'language-btn': 'Языки'
- },
- vi: {
- 'music-menu-title': 'Menu Nhạc',
- 'music-url-label': 'URL bài hát (YouTube):',
- 'start-time-label': 'Thời gian bắt đầu (giây):',
- 'play-music': 'Phát bài hát',
- 'start-video': 'Bắt đầu Video',
- 'stop-music': 'Dừng',
- 'adblock-warning': 'SỬ DỤNG ADBLOCK GÂY LỖI, VUI LÒNG TẮT NÓ',
- 'language-btn': 'Ngôn ngữ'
- },
- ar: {
- 'music-menu-title': 'قائمة الموسيقى',
- 'music-url-label': 'رابط الأغنية (YouTube):',
- 'start-time-label': 'وقت البداية (ثواني):',
- 'play-music': 'تشغيل الأغنية',
- 'start-video': 'تشغيل الفيديو',
- 'stop-music': 'إيقاف',
- 'adblock-warning': 'استخدام Adblock يؤدي إلى عطل ، يرجى تعطيله',
- 'language-btn': 'اللغات'
- }
- };
-
- const text = translations[language] || translations.en;
- document.getElementById('music-menu-title').textContent = text['music-menu-title'];
- document.getElementById('music-url-label').textContent = text['music-url-label'];
- document.getElementById('start-time-label').textContent = text['start-time-label'];
- document.getElementById('play-music').textContent = text['play-music'];
- document.getElementById('start-video').textContent = text['start-video'];
- document.getElementById('stop-music').textContent = text['stop-music'];
- document.getElementById('adblock-warning').textContent = text['adblock-warning'];
- document.getElementById('language-btn').textContent = text['language-btn'];
- }
- })();
- (function () {
- 'use strict'
- const POLL_INTERVAL = 1000
- const HUE_RANGE = 120 // Hue range for the gradient (green to red or red to green)
- const SATURATION = '80%'
- const LIGHTNESS = '88%'
- function applyGradientToColumn(table, column) {
- const rowCount = table.rows.length
- Array.from(table.rows).forEach((row, index) => {
- const cell = row.cells[column]
- if (!cell) return
- // Calculate a hue based on the row index (no need to rely on cell content)
- const hue = (index / (rowCount - 1)) * HUE_RANGE
- // Apply the gradient color to the cell
- cell.style.backgroundColor = `hsl(${HUE_RANGE - hue}, ${SATURATION}, ${LIGHTNESS})`
- })
- }
- function initializeTable(table) {
- if (table.hasAttribute('data-gradient-initialized')) return
- table.setAttribute('data-gradient-initialized', 'true')
- const columnCount = table.rows[0]?.cells.length || 0
- for (let col = 0; col < columnCount; col++) {
- applyGradientToColumn(table, col)
- }
- }
- function initializeTables() {
- document.querySelectorAll('table:not([data-gradient-initialized])').forEach(initializeTable)
- }
- // Initial call and setup interval to handle dynamically loaded tables
- initializeTables()
- setInterval(initializeTables, POLL_INTERVAL)
- })();
- (function () {
- 'use strict';
- function getOverlapScore(el) {
- var rect = el.getBoundingClientRect();
- return (
- Math.min(
- rect.bottom,
- window.innerHeight || document.documentElement.clientHeight
- ) - Math.max(0, rect.top)
- );
- }
-
- function getVideoIdFromVideoElement(video) {
- try {
- for (let k in video.parentElement) {
- if (k.startsWith("__reactProps")) {
- return video.parentElement[k].children.props.videoFBID;
- }
- }
- } catch (e) {
- return null;
- }
- }
-
- async function getWatchingVideoId() {
- let allVideos = Array.from(document.querySelectorAll("video"));
- let result = [];
-
- for (let video of allVideos) {
- let videoId = getVideoIdFromVideoElement(video);
- if (videoId) {
- result.push({
- videoId,
- overlapScore: getOverlapScore(video),
- playing: !!(
- video.currentTime > 0 &&
- !video.paused &&
- !video.ended &&
- video.readyState > 2
- ),
- });
- }
- }
-
- // if there is playing video => return that
- let playingVideo = result.find((_) => _.playing);
- if (playingVideo) return [playingVideo.videoId];
-
- // else return all videos in-viewport
- return result
- .filter((_) => _.videoId && (_.overlapScore > 0 || _.playing))
- .sort((a, b) => b.overlapScore - a.overlapScore)
- .map((_) => _.videoId);
- }
-
- async function getVideoUrlFromVideoId(videoId) {
- let dtsg = await getDtsg();
- try {
- return await getLinkFbVideo2(videoId, dtsg);
- } catch (e) {
- return await getLinkFbVideo1(videoId, dtsg);
- }
- }
-
- async function getLinkFbVideo2(videoId, dtsg) {
- let res = await fetch(
- "https://www.facebook.com/video/video_data_async/?video_id=" + videoId,
- {
- method: "POST",
- headers: { "content-type": "application/x-www-form-urlencoded" },
- body: stringifyVariables({
- __a: "1",
- fb_dtsg: dtsg,
- }),
- }
- );
-
- let text = await res.text();
- text = text.replace("for (;;);", "");
- let json = JSON.parse(text);
-
- const { hd_src, hd_src_no_ratelimit, sd_src, sd_src_no_ratelimit } =
- json?.payload || {};
-
- return hd_src_no_ratelimit || hd_src || sd_src_no_ratelimit || sd_src;
- }
-
- async function getLinkFbVideo1(videoId, dtsg) {
- let res = await fetchGraphQl("5279476072161634", {
- UFI2CommentsProvider_commentsKey: "CometTahoeSidePaneQuery",
- caller: "CHANNEL_VIEW_FROM_PAGE_TIMELINE",
- displayCommentsContextEnableComment: null,
- displayCommentsContextIsAdPreview: null,
- displayCommentsContextIsAggregatedShare: null,
- displayCommentsContextIsStorySet: null,
- displayCommentsFeedbackContext: null,
- feedbackSource: 41,
- feedLocation: "TAHOE",
- focusCommentID: null,
- privacySelectorRenderLocation: "COMET_STREAM",
- renderLocation: "video_channel",
- scale: 1,
- streamChainingSection: !1,
- useDefaultActor: !1,
- videoChainingContext: null,
- videoID: videoId,
- }, dtsg);
- let text = await res.text();
-
- let a = JSON.parse(text.split("\n")[0]),
- link = a.data.video.playable_url_quality_hd || a.data.video.playable_url;
-
- return link;
- }
-
- function fetchGraphQl(doc_id, variables, dtsg) {
- return fetch("https://www.facebook.com/api/graphql/", {
- method: "POST",
- headers: {
- "content-type": "application/x-www-form-urlencoded",
- },
- body: stringifyVariables({
- doc_id: doc_id,
- variables: JSON.stringify(variables),
- fb_dtsg: dtsg,
- server_timestamps: !0,
- }),
- });
- }
-
- function stringifyVariables(d, e) {
- let f = [],
- a;
- for (a in d)
- if (d.hasOwnProperty(a)) {
- let g = e ? e + "[" + a + "]" : a,
- b = d[a];
- f.push(
- null !== b && "object" == typeof b
- ? stringifyVariables(b, g)
- : encodeURIComponent(g) + "=" + encodeURIComponent(b)
- );
- }
- return f.join("&");
- }
-
- async function getDtsg() {
- return require("DTSGInitialData").token;
- }
-
- function downloadURL(url, name) {
- var link = document.createElement("a");
- link.target = "_blank";
- link.download = name;
- link.href = url;
- document.body.appendChild(link);
- link.click();
- document.body.removeChild(link);
- }
-
- async function downloadWatchingVideo() {
- try {
- let listVideoId = await getWatchingVideoId();
- if (!listVideoId?.length > 0) throw Error("No video found in the page");
-
- console.log(listVideoId)
-
- for (let videoId of listVideoId) {
- let videoUrl = await getVideoUrlFromVideoId(videoId);
- if (videoUrl) downloadURL(videoUrl, "fb_video.mp4");
- }
- } catch (e) {
- alert("ERROR: " + e);
- }
- }
-
- function resisterMenuCommand() {
- GM_registerMenuCommand("Download watching video", downloadWatchingVideo);
- }
-
- resisterMenuCommand();
- })();