Skip to content

Instantly share code, notes, and snippets.

@laechan

laechan/japanlivecams.htm

Last active December 14, 2020 01:16
Show Gist options
  • Save laechan/7d3a5bab2d06bc8eb8a0711cf137e0d1 to your computer and use it in GitHub Desktop.
Save laechan/7d3a5bab2d06bc8eb8a0711cf137e0d1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
japanlivecams.htm
<html>
<Meta Http-Equiv="Content-Type" Content="text/html; Charset=utf-8">
<body bgcolor="#93DD93">
<script type="text/javascript">
// 搜尋字: 町, ホテル, 公園, 駐車場
var lives={
"東京":{
"涉谷1":"https://www.youtube.com/watch?v=lkIJYc4UH60",
"涉谷2":"https://www.youtube.com/watch?v=zGfw93Dqzg8",
"新宿":"https://www.youtube.com/watch?v=ZbekZoIwPl4",
"神田":"https://www.youtube.com/watch?v=nMHWi_WpqTg",
"台東區":"https://www.youtube.com/watch?v=gZtY_TsjmTo",
//x"涉谷3":"https://www.youtube.com/watch?v=5Nw6yJN0Sms",
//xx"秋葉原2":"https://www.youtube.com/watch?v=n3fYITuNy_Q",
//xx"秋葉原3":"https://www.youtube.com/watch?v=ALWuyEHAWv4",
//xx"神宮":"https://www.youtube.com/watch?v=kZEPYMWWF_k",
//xx"秋葉原":"https://www.youtube.com/watch?v=UkqrUmIpHko",
},
"關東":{
"日光":"https://www.youtube.com/watch?v=qAWvYwhPP9s",
"茨城":"https://www.youtube.com/watch?v=6brsWXGUGSE",
"琦玉":"https://www.youtube.com/watch?v=-AQGpPdYhLc",
"草津":"https://www.youtube.com/watch?v=GzbPVzPnT-U",
"富士山1":"https://www.youtube.com/watch?v=Sv9hcJ3k5h4",
"山2":"https://www.youtube.com/watch?v=jnuacQgCEEA",
//"山2":"https://www.youtube.com/watch?v=frC2_6hQTqc",
//"富士山2":"https://www.youtube.com/watch?v=aNgoeesc-ac",
//"富士山1":"https://www.youtube.com/watch?v=CWNjN2bYzsA",
//"富士山1":"https://www.youtube.com/watch?v=hEsNTyjM51Y",
//"橫須賀":"https://www.youtube.com/watch?v=L-oKanVICT8",
//x"富士山2":"https://www.youtube.com/watch?v=K_e4woANFac",
//x"山梨":"https://www.youtube.com/watch?v=yMXXoL35VXw",
//x"箱根":"https://www.youtube.com/watch?v=G3gBB_4Gu4M",
//x"春日部":"https://www.youtube.com/watch?v=2Sx1bo6UiVo",
//xx"橫濱":"https://www.youtube.com/watch?v=worNKjnnHUw",
},
"中部":{
"<font color=white>富山1</font>":"https://www.youtube.com/watch?v=4xGRlbrDtxQ",
"<font color=white>富山2</font>":"https://www.youtube.com/watch?v=Gk8d6k1Tn6w",
"福井":"https://www.youtube.com/watch?v=X0j-lU3Nv5M",
"靜岡":"https://www.youtube.com/watch?v=K0_co05iRyA",
"石川":"https://www.youtube.com/watch?v=3oJPzBfNg0o",
"飛騨":"https://www.youtube.com/watch?v=4hx8Xqj0cXM",
//"靜岡2":"https://www.youtube.com/watch?v=mRqHdKkKoHI",
//"飛騨2":"https://www.youtube.com/watch?v=PG8kZQ2EkSQ",
//"浜松2":"https://www.youtube.com/watch?v=TecIBkeGHbc",
//"浜松3":"https://www.youtube.com/watch?v=2RUChKtPxaY",
//"浜松4":"https://www.youtube.com/watch?v=BPXXneuPclg",
//"富山市2":"https://www.youtube.com/watch?v=BtrC0m6ZhfI",
//"石川3":"https://www.youtube.com/watch?v=wjlzhwMDTwc",
//x"岐阜":"https://www.youtube.com/watch?v=zKSyBth5I30",
//x"愛知1":"https://www.youtube.com/watch?v=A_hJestGvlA",
//x"愛知2":"https://www.youtube.com/watch?v=aL6_6J51Bd4",
//x"靜岡":"https://www.youtube.com/watch?v=nKff13Q2FcQ",
},
"大阪":{
"堺市":"https://www.youtube.com/watch?v=f0E1RSvkSXo",
"道頓堀":"https://www.youtube.com/watch?v=tfh0S0hmfL4",
"梅田":"https://www.youtube.com/watch?v=Qw-74xKk9GM",
"阿倍野":"https://www.youtube.com/watch?v=GjemgjZHO1k",
"新御堂筋":"https://www.youtube.com/watch?v=XDzc5u0zvmU",
//"梅田2":"https://www.youtube.com/watch?v=l4mWqJMcu1U",
//x"松原市":"https://www.youtube.com/watch?v=x1L_vxU2cu8",
//xx"道頓堀":"https://www.youtube.com/watch?v=EHS78o8cWAw",
},
"關西":{
"京都1":"https://www.youtube.com/watch?v=rTRew7Q8sZQ",
"京都2":"https://www.youtube.com/watch?v=DhahXJbiXqI",
"姬路":"https://www.youtube.com/watch?v=DxfAAmURPg8",
"滋賀":"https://www.youtube.com/watch?v=voYzKq7GM4E",
"近畿":"https://www.youtube.com/watch?v=t8TPRkLVPUA",
//"京都1":"https://www.youtube.com/watch?v=3-h6827APHA",
//x"岡山":"https://www.youtube.com/watch?v=jbfHfCnSJTM",
//x"和歌山 和歌山市":"https://www.youtube.com/watch?v=r74X7nIFv8w",
//x"京都 烏丸通":"https://www.youtube.com/watch?v=SEm6PWlL0_o",
//x"京都 嵐山":"https://www.youtube.com/watch?v=MEalz9CZuUI",
},
"離島":{
"琉球":"https://www.youtube.com/watch?v=UzBGdN36jl0",
"沖繩1":"https://www.youtube.com/watch?v=hXoWKAE_0Xg",
"沖繩2":"https://www.youtube.com/watch?v=IvVIcrd197Y",
"石垣島":"https://www.youtube.com/watch?v=PSTdH6L2BpM",
//xx"島2":"https://www.youtube.com/watch?v=vqXx9poxoYA",
//"石垣島":"https://www.youtube.com/watch?v=TgyMFWl8puw",
//"沖繩3":"https://www.youtube.com/watch?v=efG4rQEOWGM",
//x"沖繩2":"https://www.youtube.com/watch?v=2UNdVLyy-TI",
//x"猿島":"https://www.youtube.com/watch?v=njO5GySKH4I",
//xx"沖繩 石垣島":"https://www.youtube.com/watch?v=nbEm5N-hdoU",
//xx"石垣島":"https://www.youtube.com/watch?v=TgyMFWl8puw",
},
"福岡":{
"博多":"https://www.youtube.com/watch?v=gGKhqxJu-wM",
"中央區1":"https://www.youtube.com/watch?v=CyGcfrpKIb4",
"中央區2":"https://www.youtube.com/watch?v=lBvrhIjfZG4",
//xx"中央區":"https://www.youtube.com/watch?v=yLhAoMorAJA",
},
"熊本":{
"市內":"https://www.youtube.com/watch?v=Kn4sf1nJXCU",
"白川":"https://www.youtube.com/watch?v=1_40EYOldbY",
},
"九州":{
"長崎":"https://www.youtube.com/watch?v=7rATmPOOXSo",
//xx"長崎2":"https://www.youtube.com/watch?v=gIej_lMPc-w",
"鹿兒島":"https://www.youtube.com/watch?v=dXZ3ns5v-e8",
//"屋久島":"https://www.youtube.com/watch?v=_AQqtGCztXM",
//"佐賀":"",
//x"佐賀1":"https://www.youtube.com/watch?v=uZXREaZsJXo",
//x"佐賀2":"https://www.youtube.com/watch?v=ed6uyjfD3hM",
//x"鹿兒島":"https://www.youtube.com/watch?v=WCzHpvAoYRY",
//x"鹿兒島2":"https://www.youtube.com/watch?v=YCvK9RER1vM",
//x"大分":"https://www.youtube.com/watch?v=rYOS2NQNR5Q",
//x"宮崎":"https://www.youtube.com/watch?v=rmYM5nFJgNM",
//x"大分":"https://www.youtube.com/watch?v=tYRm956GOH4",
//x"宮崎":"https://www.youtube.com/watch?v=PHDDICvr5bc",
//xx"大分":"https://www.youtube.com/watch?v=nZeBlrzofj8",
},
"中國四國":{
"高知":"https://www.youtube.com/watch?v=k8nrsqGW3jY",
"鳥取":"https://www.youtube.com/watch?v=ggWBMLod7cc",
"廣島":"https://www.youtube.com/watch?v=ezulsj3LzHo",
//xx"山口":"https://www.youtube.com/watch?v=2cHalYeAs-o",
//xx"山口":"https://www.youtube.com/watch?v=cpVqOy2MoS4",
//x"愛媛1":"https://www.youtube.com/watch?v=vM7_-e0gdsc",
//x"愛媛2":"https://www.youtube.com/watch?v=cqjaUAloHzQ",
//x"高知":"https://www.youtube.com/watch?v=EaR67gitw9c",
},
"東北":{
"<font color=white>秋田1</font>":"https://www.youtube.com/watch?v=ZfXwViHuyZI",
"<font color=white>秋田2</font>":"https://www.youtube.com/watch?v=ikac85VpO_k",
"<font color=white>岩手</font>":"https://www.youtube.com/watch?v=LVTbKfbYIng",
"福島":"https://www.youtube.com/watch?v=iJgNyAuIdos",
"宮城":"https://www.youtube.com/watch?v=Mwj81Enkd8c",
//x"秋田":"https://www.youtube.com/watch?v=GcoS9b09ZHo",
"<font color=white>青森1</font>":"https://www.youtube.com/watch?v=mzcauVawCEM",
"<font color=white>青森2</font>":"https://www.youtube.com/watch?v=dwV77OqONHw",
//"秋田1":"https://www.youtube.com/watch?v=ZfXwViHuyZI",
//x"青森":"https://www.youtube.com/watch?v=ckhN8l5hCTk",
//x"青森":"https://www.youtube.com/watch?v=dxTY4g_XkII",
//"岩手1":"https://www.youtube.com/watch?v=4JeoLHbrsjU",
//x"山形":"https://www.youtube.com/watch?v=ZjpcoxVTQ6w",
},
"北海道":{
"<font color=white>旭川</font>":"https://www.youtube.com/watch?v=NFUoB0xV7Lw",
"廣帶":"https://www.youtube.com/watch?v=BtEgi-GDHNg",
"十勝":"https://www.youtube.com/watch?v=UauiSpWrFP8",
"苫小牧":"https://www.youtube.com/watch?v=W7VynBjNOo0",
//xx"帶廣1":"https://www.youtube.com/watch?v=ap0oh_3zdmg",
//xx"<font color=white>札幌</font>":"https://www.youtube.com/watch?v=Me5engQleyM",
//x"樺戶":"https://www.youtube.com/watch?v=V0rZu_ykkM4",
//x"<font color=white>全境</font>":"https://www.youtube.com/watch?v=gqZ6aQMD4R8",
//x"斜里":"https://www.youtube.com/watch?v=FBircHO6M1c",
//"札幌":"https://www.youtube.com/watch?v=c9ILArKaNjk",
//"釧路":"https://www.youtube.com/watch?v=RK3ON72OkCw",
//"稚內":"https://www.youtube.com/watch?v=FZQjY0JUJSA",
//x"函館":"https://www.youtube.com/watch?v=XMgpFBHaYGQ",
},
};
keys_lives=Object.keys(lives);
MEDIA_WIDTH=380;
MEDIA_HEIGHT=240;
//str="<center><font size=4>日本各地區即時影像</font><BR></center><table>";
str="<table>";
for(i=0;i<keys_lives.length;i++)
{
if(i%3==0)
str+="<tr>";
url=lives[keys_lives[i]];
str+="<th valign=top width="+MEDIA_WIDTH+" height="+MEDIA_HEIGHT+">"+keys_lives[i];
if(typeof(url)=="string")
{
urls=url.split("watch?v=");
url=urls[0]+"embed/"+urls[1]+"?rel=0&autoplay=1&controls=0&mute=1&vq=medium";
str+="<BR><iframe width="+(MEDIA_WIDTH-20)+" height="+
(MEDIA_HEIGHT-20)+" src='"+url+"' frameborder=0 allow='"+
"accelerometer; clipboard-write; encrypted-media; "+
"gyroscope; picture-in-picture' allowfullscreen></iframe>";
str+"</td>";
}
else
{
urls=Object.keys(url);
for(j=0;j<urls.length;j++)
{
tmps=url[urls[j]].split("watch?v=");
tmp=tmps[0]+"embed/"+tmps[1]+"?rel=0&autoplay=1&controls=0&mute=1&vq=medium";
str+=" <a onclick='change_iframe(\""+keys_lives[i]+"\",\""+tmp+"\")'><font color=blue><u>"+urls[j]+"</u></font></a>";
}
tmps=url[urls[0]].split("watch?v=");
tmp=tmps[0]+"embed/"+tmps[1]+"?rel=0&autoplay=1&controls=0&mute=1&vq=medium";
str+="<BR><iframe id='"+keys_lives[i]+"' width="+(MEDIA_WIDTH-20)+" height="+
(MEDIA_HEIGHT-20)+" src='"+tmp+"' frameborder=0 allow='"+
"accelerometer; clipboard-write; encrypted-media; "+
"gyroscope; picture-in-picture' allowfullscreen></iframe>";
str+"</td>";
}
if(i%3==2)
str+="</tr>";
}
if(i%3!=2)
str+="</tr>";
str+="</table>";
document.write(str);
function change_iframe(ee,uu)
{
document.getElementById(ee).src=uu;
}
</script>
</body>
</html>
@laechan
Copy link
Author

laechan commented Nov 25, 2020 •
edited
Loading

2020/11/25 updated, add sub-mapping data
2020/11/27 updated, add virtual onclick url

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment