<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Youtube Live | ウダ2Blog</title>
	<atom:link href="https://uda2.com/blog/tag/youtube-live/feed/" rel="self" type="application/rss+xml" />
	<link>https://uda2.com/blog</link>
	<description>大阪でフリーランスとしてWEB制作している管理人が気になった技術をメモったり、作ったツールの紹介などを綴っているブログです。</description>
	<lastBuildDate>Fri, 07 Jul 2023 07:01:42 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>
	<item>
		<title>Youtube配信スイッチング「zappin&#8217;」</title>
		<link>https://uda2.com/blog/zappin/</link>
					<comments>https://uda2.com/blog/zappin/#respond</comments>
		
		<dc:creator><![CDATA[uda2]]></dc:creator>
		<pubDate>Mon, 21 Sep 2020 13:02:39 +0000</pubDate>
				<category><![CDATA[制作日記]]></category>
		<category><![CDATA[DBD]]></category>
		<category><![CDATA[Google API]]></category>
		<category><![CDATA[Youtube Live]]></category>
		<guid isPermaLink="false">https://uda2.com/blog/?p=2505</guid>

					<description><![CDATA[<p>6月末から初めたDEAD BY DAYLIGHTで吊られまくってます。コロナの影響でゲーム実況をはじめた芸能人も増え、日々Youtubeのゲーム実況動画を見てるのですがコラボされたときに一つのチャンネルしか見ていないと、</p>
The post <a href="https://uda2.com/blog/zappin/">Youtube配信スイッチング「zappin’」</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></description>
										<content:encoded><![CDATA[<p>6月末から初めたDEAD BY DAYLIGHTで吊られまくってます。<br>コロナの影響でゲーム実況をはじめた<a href="https://dbd.uda2.com/" target="_blank" rel="noreferrer noopener">芸能人</a>も増え、日々Youtubeのゲーム実況動画を見てるのですがコラボされたときに一つのチャンネルしか見ていないと、他のチャンネルで盛り上がってるシーンを見逃す事が多々あります。<br>そこで2窓・3窓しても見やすいようなプレーヤーを作ってみました。<br><a href="https://zappin.uda2.com/" target="_blank" rel="noreferrer noopener">zappin’ &#8211; Youtube Live Switcher &#8211;</a></p>



<span id="more-2505"></span>



<p></p>



<p>Youtube Data APIでトップページの「人気のライブ実況」を検索表示（5分以内はキャッシュしてます。）<br>視聴するページでは同じくYoutube Data APIで動画の情報を確認して実況中かを判断したりタイトルの抜き出しをした上で<br>YouTube Player APIでプレイヤーを用意してチャットをインラインフレームで並べています。</p>



<p>画面サイズの問題でPC向けには作っていたのですが一応タブレットやスマホでもChrome経由だとなんとか見れる場合もありますが負荷が大きいのでまともに動作しないかと思います。<br>Androidではチャットが表示されない場合は「PC版サイト」にチェックを入れると見れるかもしれません。<br>URLの追加の度にリロードしないようにJavascriptで追加できるようにしつつSNS等で伝えやすいように実況動画の追加削除をURLに反映しています。<br>チャット上のチャンネル名をクリックすると動画が切り替わりますが、内部でプレイヤーを2つ用意して切り替えた際に新しい動画の準備が整ったら切り替わるようになっていてプリロードのギリギリまで前の動画を視聴いただけるようになってます。<br>PCでは左に動画右にチャットの画面構成になりますが上の赤いバーを移動させる事で調整できます。<br>音声はそれぞれ設定を保存するようにしていますので一度設定するとチャンネルによって音のばらつきに悩まされる事も少なくなります。<br>あとGoogleのAPIの利用は有料化されてるので利用は制限させていただいております。</p>The post <a href="https://uda2.com/blog/zappin/">Youtube配信スイッチング「zappin’」</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://uda2.com/blog/zappin/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
