java script 作業用音楽装置 - ２２３の Web スキルの学習

作業中の音楽は YouTube で聴く派です。
BGMを流していて曲が終わった時、次の１曲を選ぶ時に（結局いつもの曲になるのに）意外と時間喰ってるなあと思って、java script でなんとかならないものかと考えました。

YouTube の自動再生を利用して、あらかじめ選んでおいたよく聴く曲（動画）の中からランダムに再生する仕組みを作ってみました。

＊あらかじめ配列に好きなだけ、YouTube のアドレスを追加しておく
＊ボタンをクリックしたらランダムに選択され、その動画が流れる

スクリプトは大半が YouTube のアドレスで、メインの部分は超シンプルです。
ブックマークみたいなもんですが、ランダムに選曲されるところがミソです。

厳密にいうと「再生」してるわけではなくて、単にリンク先を開いているだけですがｗ使ってみると思ってた以上に便利だったので、今後スキルに合わせてもっと使いやすくバージョンアップしていきます。（多分）

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>java script 作業用音楽装置</title>
</head>
<body>
<input type="button" value="再生" onclick="random();">


<script>
<!--
var i=0
var list=[	

		"http://www.youtube.com/watch?v=IuySfO8UMOU",
		"http://www.youtube.com/watch?v=qPYC-ImquTk",
		"http://www.youtube.com/watch?v=18_-fI-AgyI",
		"http://www.youtube.com/watch?v=W9deYiOc7Qk",
		"http://www.youtube.com/watch?v=s5ls7axfIhQ",
		"http://www.youtube.com/watch?v=mC4zSlbG1AU&feature=related",
		"http://www.youtube.com/watch?v=-vwkiG7sEHw",
		"http://www.youtube.com/watch?v=iMYpGoXI77Q&feature=fvwrel",
		"http://www.youtube.com/watch?v=rhN7SG-H-3k",
		"http://www.youtube.com/watch?v=76AwAPehK9Q",
		"http://www.youtube.com/watch?v=NVnDtdAfO2s",
		"http://www.youtube.com/watch?v=X4frpiT5gZs&feature=related",
		"http://www.youtube.com/watch?v=gTP_B-Q6gPY&feature=related",
		"http://www.youtube.com/watch?feature=player_embedded&v=e4EqjvnWfRM",
		"http://www.youtube.com/watch?v=LO1eU0a_T1o",
		"http://www.youtube.com/watch?v=vrrF0FrjM3w",
		"http://www.youtube.com/watch?v=CQwpJ_b1MFU&feature=related",
		"http://www.youtube.com/watch?v=wafm6WGfAxM&feature=related",
		"http://www.youtube.com/watch?v=-HqvuwrdITE",
		"http://www.youtube.com/watch?v=nGLyyFIm_ao",
		"http://www.youtube.com/watch?v=1WkHlof8iqs",
		"http://www.youtube.com/watch?v=GJ5ufqcj_hA",
		"http://www.youtube.com/watch?v=FJuFqxAUyog",
		"http://www.youtube.com/watch?v=WAUJC8HKAWI",
		"http://www.youtube.com/watch?v=Rftw_GOu8hI",
		"http://www.youtube.com/watch?v=RSnUR_pnUd0",
		"http://www.youtube.com/watch?v=j1PDjAMGPm0&feature=related",
		"http://www.youtube.com/watch?v=PYq1f-F97Pk&feature=related",
		"http://www.youtube.com/watch?v=sZevW7VLROQ&feature=youtu.be",
		"http://www.youtube.com/watch?v=eWzTWiLObGs&feature=related",
		"http://www.youtube.com/watch?v=4L7KYpn9wfY",
		"http://www.youtube.com/watch?v=qTqPy7kbVMA",
		"http://www.youtube.com/watch?v=kh3wcEFOG2E&feature=related",
		"http://www.youtube.com/watch?v=A7Ws5zC6-8M",
		"http://www.youtube.com/watch?v=K7ukmTpYLNU&feature=related",
		"http://www.youtube.com/watch?v=TYXLmkEx9gM",
		"http://www.youtube.com/watch?v=zeRoEBvBL4Y",
		"http://www.youtube.com/watch?v=HJQFiVHae9I",
		"http://www.youtube.com/watch?v=3Di6sF7ym0U&feature=related",
		"http://www.youtube.com/watch?v=NSG5lghZANg",
		"http://www.youtube.com/watch?v=KTYD3Hgw2kI&feature=related",
		"http://www.youtube.com/watch?v=m9We2XsVZfc",
		"http://www.youtube.com/watch?v=ZCTiJnXW-9w&feature=related",
		"http://www.youtube.com/watch?v=bZS6Qnyq_0E",
		"http://www.youtube.com/watch?v=ld2YAKLLSuo",
		"http://www.youtube.com/watch?v=9WkaoupfcVI",
		"http://www.youtube.com/watch?v=Ega858XBBXA",
		"http://www.youtube.com/watch?v=JYsKDaQIX54",
		"http://www.youtube.com/watch?v=PrStAppHGqU",
		"http://www.youtube.com/watch?v=JBfEGS3Zw54",
	];

	for(;;){ if (list[i]==null ) break ; i++; }
	
	document.write("全 "+i+" 曲 からランダム再生");

	function random(){ window.open(list[Math.floor(Math.random()*i)]); }
-->
</script>
<div style="margin :100px;"></div>
</body>
</html>