<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>media | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/media/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Sun, 30 Jan 2011 16:06:39 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>jPlayerを使って出来たかっこいいオーディオプレイヤー「ZEN」</title>
		<link>https://blog.verygoodtown.com/2011/01/html5-css3-powered-audio-player-zen/</link>
					<comments>https://blog.verygoodtown.com/2011/01/html5-css3-powered-audio-player-zen/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Mon, 31 Jan 2011 04:54:16 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[media]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=6353</guid>

					<description><![CDATA[<p>「ZEN」はボタン一つのシンプルなオーディオプレイヤーです。 jPlayerというjQuery製のオーディオプレイヤーをカスタマイズして出来ており、HTML5とCSS3で実装されているようです。 プレイヤーは再生か停止か [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2011/01/html5-css3-powered-audio-player-zen/">jPlayerを使って出来たかっこいいオーディオプレイヤー「ZEN」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/01/20110130-04.jpg" alt="20110130-04" title="20110130-04" width="423" height="258" class="alignnone size-full wp-image-6352" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/01/20110130-04.jpg 423w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/01/20110130-04-300x182.jpg 300w" sizes="(max-width: 423px) 100vw, 423px" /></p>
<p>「<a href="http://lab.simurai.com/ui/zen-player/" target="_blank">ZEN</a>」はボタン一つのシンプルなオーディオプレイヤーです。<br />
<span id="more-6353"></span><br />
<a href="http://jplayer.org/" target="_blank">jPlayer</a>というjQuery製のオーディオプレイヤーをカスタマイズして出来ており、HTML5とCSS3で実装されているようです。</p>
<p>プレイヤーは再生か停止かのシンプルなボタンになっているので、<br />
シンプルなオーディオプレイヤーが欲しい方はいかがでしょうか。</p>
<p>Firefoxだとボタンが四角になって表示されるようです。</p>The post <a href="https://blog.verygoodtown.com/2011/01/html5-css3-powered-audio-player-zen/">jPlayerを使って出来たかっこいいオーディオプレイヤー「ZEN」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2011/01/html5-css3-powered-audio-player-zen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6353</post-id>	</item>
		<item>
		<title>PCの音楽をモバイル端末で再生できるサーバーをPHPとMySQLで作れる「Streeme」</title>
		<link>https://blog.verygoodtown.com/2011/01/html5-based-open-source-personal-music-server-streeme/</link>
					<comments>https://blog.verygoodtown.com/2011/01/html5-based-open-source-personal-music-server-streeme/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Wed, 26 Jan 2011 01:10:14 +0000</pubDate>
				<category><![CDATA[php]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[MIT license]]></category>
		<category><![CDATA[Open Source]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=6235</guid>

					<description><![CDATA[<p>「Streeme」を使うと、PCの音楽をモバイル端末で再生する音楽用のwebサーバーを作る事が出来ます。 動作にはPHPとMySQL、FFMPEGが必要との事。 個人用との事ですが、使ってみると面白そうですね。 再生プレ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2011/01/html5-based-open-source-personal-music-server-streeme/">PCの音楽をモバイル端末で再生できるサーバーをPHPとMySQLで作れる「Streeme」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/01/20110125-01.jpg" alt="20110125-01" title="20110125-01" width="500" height="265" class="alignnone size-full wp-image-6237" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/01/20110125-01.jpg 500w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2011/01/20110125-01-300x159.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>「<a href="http://code.google.com/p/streeme/" target="_blank">Streeme</a>」を使うと、PCの音楽をモバイル端末で再生する音楽用のwebサーバーを作る事が出来ます。</p>
<p>動作にはPHPとMySQL、FFMPEGが必要との事。<br />
個人用との事ですが、使ってみると面白そうですね。</p>
<p><span id="more-6235"></span></p>
<h3>再生プレイヤーはHTML5</h3>
<p>音楽の再生にはHTML5が使用できれば可能との事。AndoroidやiPhoneなどHTML5が使えるブラウザであれば動作させる事ができるようです。<br />
もちろん、デスクトップのSafariからなんかもOKですね。</p>
<p>Windows、Mac、Linux、VMWareで使う場合のインストール方法が<a href="http://code.google.com/p/streeme/wiki/InstallingStreemeStartPage" target="_blank">Wiki</a>に掲載されていました。<br />
見てみると、apacheのhttpd.conf、php.ini、my.confなどを操作できる環境が必須のようです。</p>
<p>中の仕組みどうなっているんですかね・・・<br />
時間が出来たらソースを見てみたいです。</p>The post <a href="https://blog.verygoodtown.com/2011/01/html5-based-open-source-personal-music-server-streeme/">PCの音楽をモバイル端末で再生できるサーバーをPHPとMySQLで作れる「Streeme」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2011/01/html5-based-open-source-personal-music-server-streeme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6235</post-id>	</item>
		<item>
		<title>一つのCSSでWEB用と印刷用を使い分ける方法</title>
		<link>https://blog.verygoodtown.com/2010/02/css-using-single-web-and-print/</link>
					<comments>https://blog.verygoodtown.com/2010/02/css-using-single-web-and-print/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Thu, 25 Feb 2010 23:27:26 +0000</pubDate>
				<category><![CDATA[WEB製作全般]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[screen]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2802</guid>

					<description><![CDATA[<p>CSSは印刷用に別途用意する場合が多いのですが、一つのファイルにまとめてhttpアクセスを少なくし高速化を目指す「CSS efficiency tip: use a single stylesheet file for  [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/css-using-single-web-and-print/">一つのCSSでWEB用と印刷用を使い分ける方法</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100226-01.jpg" alt="20100226-01" title="20100226-01" width="501" height="121" class="alignnone size-full wp-image-2810" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100226-01.jpg 501w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100226-01-300x72.jpg 300w" sizes="(max-width: 501px) 100vw, 501px" /><br />
CSSは印刷用に別途用意する場合が多いのですが、一つのファイルにまとめてhttpアクセスを少なくし高速化を目指す「<a href="http://www.456bereastreet.com/archive/201002/css_efficiency_tip_use_a_single_stylesheet_file_for_multiple_media/" target="_blank">CSS efficiency tip: use a single stylesheet file for multiple media</a>」というエントリーのご紹介。</p>
<p>微妙な違いですが、少しでもチューニングしたい場合に使えるかもしれません。</p>
<p>詳しくは以下<br />
<span id="more-2802"></span></p>
<h3>CSS内に@media属性を追加する</h3>
<p>一つのCSSでメディアタイプを指定するには<strong class="important">@media</strong>属性を使用します。<br />
すべてのメディアに指定する場合は@mediaの外側に記述します。</p>
<p>以下のようなサンプルで動作するようです。</p>
<pre class="brush:css;">
body {
	color:#ffff00;
	background-color:#fff;
}

@media screen, projection {
	body { background-image:url(background.png); }
}
@media print {
	body { color:#000; }
}
@media handheld {
	body { color:#0f6517; }
}
</pre>
<p>複数のファイルを保守しなくても良い分、作業の効率化にもつながるのではないでしょうか。<br />
ただしMac IEで動作しないとの事なので、注意です。<br />
興味のある方はぜひ使ってみてください！</p>The post <a href="https://blog.verygoodtown.com/2010/02/css-using-single-web-and-print/">一つのCSSでWEB用と印刷用を使い分ける方法</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/css-using-single-web-and-print/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2802</post-id>	</item>
	</channel>
</rss>
