上班線上聽歌 [MP3]

上班線上聽歌 [MP3]

上班線上聽歌 [MP3]




自動播放MP3 Javascript(JS) / JavaScript自動播放背景音樂

<br />
<div id="audioBox">
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript">
// 定義一個函數,用來產生隨機數
function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
// 定義一個函數,用來對陣列進行亂數排列
function shuffleArray(array) {
  for (let i = array.length - 1; i > 0; i--) {
    const j = getRandomInt(0, i);
    // 交換位置
    [array[i], array[j]] = [array[j], array[i]];
  }
} 
		$(document).ready( 
			function()
			{ 
				var arr = [
                                  "https://github.com/jash-git/Wu-Bai-China-Blue-mp3_20220814/blob/main/06.mp3?raw=true",
                                  "https://github.com/jash-git/Wu-Bai-China-Blue-mp3_20220814/blob/main/videoplayback.mp3?raw=true",
                                  "https://github.com/jash-git/Wu-Bai-China-Blue-mp3_20220814/blob/main/04.mp3?raw=true",
                                  "https://github.com/jash-git/Wu-Bai-China-Blue-mp3_20220814/blob/main/03.mp3?raw=true",
                                  "https://github.com/jash-git/Wu-Bai-China-Blue-mp3_20220814/blob/main/02.mp3?raw=true",
                                  "https://github.com/jash-git/Wu-Bai-China-Blue-mp3_20220814/blob/main/01.mp3?raw=true",
                                  "https://github.com/jash-git/Wu-Bai-China-Blue-mp3_20220814/blob/main/videoplayback.mp3?raw=true"
                                  ];//把需要播放的歌曲從後往前排,這裏已添加兩首音樂,可繼續添加多個音樂 
                                shuffleArray(arr);
				var myAudio = new Audio(); 
				myAudio.preload = true; 
				myAudio.controls = true; 
				myAudio.src = arr.pop();         //每次讀數組最後一個元素 
				myAudio.addEventListener('ended', playEndedHandler, false); 
				myAudio.play(); 
				document.getElementById("audioBox").appendChild(myAudio); 
				myAudio.loop = false;//禁止循環,否則無法觸發ended事件 
				function playEndedHandler()
				{ 
					myAudio.src = arr.pop(); 
					myAudio.play(); 
					console.log(arr.length); 
					!arr.length && myAudio.removeEventListener('ended',playEndedHandler,false);//只有一個元素時解除綁定 
				} 
			}  
		);
	</script>
</div>
<br />

2 thoughts on “上班線上聽歌 [MP3]

  1. 由於 不想買youtube premium 又想要在 不開手機螢幕情況下撥放音樂工作

    所以只好拿GITHUB 來亂搞

    01.先下載YT的音樂影片 在使用 FFMPEG 把聲音抽出來
    02.把音樂上傳到GITHUB上
    03.利用GITHUB 製作網頁
    04.之後只要用手機開啟該網頁 就可以了 哈哈

    下面是我製作的 超蝦網頁: https://jash-git.github.io/mp3/20231230/

    哈哈

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *