<?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>alt &#187; フルスクリーン</title>
	<atom:link href="http://blog.alt-scape.com/archives/tag/%e3%83%95%e3%83%ab%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.alt-scape.com</link>
	<description>alt-scape weblog</description>
	<lastBuildDate>Sat, 03 Dec 2011 18:00:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>HD画質（H.264）をフルスクリーン再生してTweenerで遊んでみる</title>
		<link>http://blog.alt-scape.com/archives/287</link>
		<comments>http://blog.alt-scape.com/archives/287#comments</comments>
		<pubDate>Wed, 11 Feb 2009 14:28:04 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[サンプル]]></category>
		<category><![CDATA[フルスクリーン]]></category>
		<category><![CDATA[動画]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=287</guid>
		<description><![CDATA[





左：ズームイン
真ん中：ブラー
右：黒スクエアを被せてTransitionManagerでBlinds

Flash Player 9 Update 3からH.264に正式対応したわけですが、
なかなかHD画 [...]]]></description>
			<content:encoded><![CDATA[<p>
<div id="so_hd"></div>
<script type="text/javascript">
<!--
	var so_hd = new SWFObject("http://blog.alt-scape.com/swf/hd.swf", "hd", "550", "400", "9", "#000000");
	so_hd.addParam("wmode", "window");
	so_hd.addParam("allowFullScreen", "true");
	so_hd.addParam("menu", "false");
	so_hd.write("so_hd");
-->
</script>
<p style="line-heigth: 130%;">
左：ズームイン<br />
真ん中：ブラー<br />
右：黒スクエアを被せてTransitionManagerでBlinds<br />
<br />
<strong>Flash Player 9 Update 3</strong>から<strong>H.264</strong>に正式対応したわけですが、<br />
なかなかHD画質の動画を読み込んでどうのこうのする機会がないのでちょっと試してみる。<br />
一体全体どれくらいきれいになったのかはAdobeの<a href="http://www.adobe.com/products/hdvideo/hdgallery/" target="_blank" title="HD Gallery – powered by Adobe Flash"><strong>HD Gallery</strong></a>にいくとよく分かります。<br />
<strong>480p</strong>(848&#215;520)、<strong>720p</strong>(1248&#215;742)、<strong>1080p</strong>(1920×1080)とそれぞれ3つのタイプの動画を体験できます。<br />
<br />
<span id="more-287"></span><br />
まずHD画質の動画をどこかから手に入れないと。<br />
そもそもHD（ハイディフィニション）って？<br />
<br />
「垂直<strong>720ライン</strong>以上の解像度を保持し、なおかつ映像のアスペクト比率が<strong>16:9</strong>。<br />
垂直解像度が720ラインに満たないものは、<strong>SD</strong>（スタンダードディフィニション）。」 &#8211; <a href="http://ja.wikipedia.org/wiki/%E3%83%8F%E3%82%A4%E3%83%87%E3%82%A3%E3%83%95%E3%82%A3%E3%83%8B%E3%82%B7%E3%83%A7%E3%83%B3" target="_blank" title="ハイディフィニション">Wikipedia</a><br />
<br />
縦720px以上の動画か～。<br />
前回同様、vimeoからCCライセンスの動画探したらあったあった。<br />
<a href=" http://vimeo.com/2899540">ココ</a> のダウンロードボタンから<br />
<strong>1280&#215;720</strong>、<strong>H.264</strong>、<strong>384kb/s</strong>、<strong>30fps</strong>のHD品質のmov動画を落として、、、<br />
<strong>mov</strong>をVideoクラスで読み込んでフルスクリーン再生してみたのが上部のサンプル。わ～きれい！<br />
さらに、<br />
var videoplayer:VideoPlayer = new VideoPlayer();<br />
VideoPlayerオブジェクトをTweenerで<br />
ズームインさせたり、ブラーフィルターかけたりしてみました。<br />
Tweener.addTween(videoplayer, { _Blur_blurX: 200, time: 0});<br />
Tweener.addTween(videoplayer, { _Blur_blurX: 0, time: 1, transition: &#8220;easeOutExpo&#8221;});<br />
<br />
<br />
知らなかったですが、<br />
FLVPlaybackコンポーネントにもH.264のMPEG4ビデオ形式のサポートがされたみたいです。<br />
サポートは<strong>MP4</strong>、<strong>M4A</strong>、<strong>MOV</strong>、<strong>MP4V</strong>、<strong>3GP</strong>および<strong>3G2</strong>が含まれます。<br />
↓↓↓<br />
Flash Player 9 Update 3のFLVPlaybackコンポーネントの使用<br />
<a href="http://www.adobe.com/jp/devnet/flash/articles/flvplayback_fplayer9u3_03.html" target="_blank" title="Flash Player 9 Update 3のFLVPlaybackコンポーネントの使用">http://www.adobe.com/jp/devnet/flash/articles/flvplayback_fplayer9u3_04.html</a><br />
<br />
<br />
</p></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/287/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash（AS3）で動画をフルスクリーン対応するときのトラブル</title>
		<link>http://blog.alt-scape.com/archives/286</link>
		<comments>http://blog.alt-scape.com/archives/286#comments</comments>
		<pubDate>Mon, 09 Feb 2009 04:30:07 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[サンプル]]></category>
		<category><![CDATA[ソースコード]]></category>
		<category><![CDATA[フルスクリーン]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=286</guid>
		<description><![CDATA[
ステージ上にFLVPlaybackコンポーネントを配置して動画を再生し、
そのうえでフルスクリーン表示にすると次のような現象が起きました。

・コンポーネントが勝手にディスプレイ解像度あわせて縦横比を維持しながら拡げて [...]]]></description>
			<content:encoded><![CDATA[<p>
ステージ上に<strong>FLVPlaybackコンポーネント</strong>を配置して動画を再生し、<br />
そのうえで<strong>フルスクリーン表示</strong>にすると次のような現象が起きました。<br />
<br />
・コンポーネントが勝手にディスプレイ解像度あわせて縦横比を維持しながら拡げてしまう<br />
・自力で動画のサイズ変更やポジション変更するとフル→Esc→フルの2回目から効かなくなる！？<br />
・ステージ上の他のムービークリップやテキストが消える！？<br />
<br />
<span id="more-286"></span><br />
サンプルはこんなかんじ。<br />
<div id="so_flvplayback"></div>
<script type="text/javascript">
<!--
	var so_flvplayback = new SWFObject("http://blog.alt-scape.com/swf/fullscreen_flvplayback.swf", "fullscreen_flvplayback", "550", "400", "9", "#000000");
	so_flvplayback.addParam("wmode", "window");
	so_flvplayback.addParam("allowFullScreen", "true");
	so_flvplayback.addParam("menu", "false");
	so_flvplayback.write("so_flvplayback");
-->
</script>
<p style="line-heigth: 130%;">
<br />
これだと、<br />
他のアイテムを無視して画面いっぱいを動画が占領するのでいろいろ都合が悪いことになります。<br />
<a href="http://oshige.com/flash/as3note2/2008/10/flv.html" target="_blank" title="プロジェクタでフルスクリーンFLV問題">大重さんのブログ</a>にも似たようなことが書いてありました。<br />
<br />
なので、<br />
フルスクリーン時の動画のサイズや位置を制御したいときは<br />
<strong>Videoクラス</strong>を使う！ことにします。（僕も手探りなのでよく分からないです）<br />
<br />
Videoクラスは <a href="http://dev.ekndesign.com/2008/03/06/flvideovideoplayer%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E8%B6%85%E3%82%B7%E3%83%B3%E3%83%97%E3%83%ABflv%E5%86%8D%E7%94%9F%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97/" target="_blank" title="fl.video.VideoPlayerを使った超シンプルFLV再生セットアップ">こちら</a> を参考にすると<br />
<strong>C:\Program Files\Adobe\Adobe Flash CS3\ja\Configuration\Component Source\ActionScript 3.0\FLVPlayback</strong><br />
から<strong>fl.videoパッケージ</strong>をとってきて<br />
<strong>VideoPlayer.iNCManagerClass = NCManager; //おまじない</strong><br />
っていうおまじないを1行加えてやります。<br />
それがいやなら<strong>FLVPlaybackコンポーネント</strong>をライブラリに加えてやるだけでもＯＫです。<br />
<br />
できたのがこんなかんじ。<br />
</p>
<div id="so_video"></div>
<script type="text/javascript">
<!--
	var so_video= new SWFObject("http://blog.alt-scape.com/swf/fullscreen_video.swf", "fullscreen_video", "550", "400", "9", "#000000");
	so_video.addParam("wmode", "window");
	so_video.addParam("allowFullScreen", "true");
	so_video.addParam("menu", "false");
	so_video.write("so_video");
-->
</script>
<p style="line-heigth: 130%;">
<br />
Video版とFLVPlayback版の2つの<a href="http://blog.alt-scape.com/fla/fullscreen.zip" target="_blank" title="ソース">ソース</a><br />
<br />
フルスクリーンのやり方や特有のプロパティはここに詳しく書いてあります。<br />
<a href="http://www.adobe.com/jp/devnet/flashplayer/articles/full_screen_mode_02.html" target="_blank" title="Flash Player 9のフルスクリーンモードの説明">http://www.adobe.com/jp/devnet/flashplayer/articles/full_screen_mode_02.html</a><br />
<br />
<br />
<strong>Stage.fullScreenSourceRect:Rectangle property</strong><br />
<em>このプロパティを使用すると、ステージのどの部分を画面全体に表示するかを指定できます。このプロパティを指定すると、ハードウェアスケーリングモードも有効になります。 このプロパティは、ステージ内外のどこにでも設定できる矩形です。フルスクリーンモードに移行する前に指定する必要があります。<br />
フルスクリーンモードへの以降後にfullScreenSourceRectを調整しても、SWFの表示領域は変更されません。 </em><br />
<br />
<strong>フルスクリーン時のステージサイズ</strong><br />
stage.fullScreenWidth、fullScreenHeight（stage.stageWidth、stage.stageHeigthでもいける）<br />
<br />
<strong>フルスクリーン背景に関して</strong><br />
<em>指定した矩形の縦横比がユーザのモニターの縦横比と異なっている場合は、必要に応じて両脇に「バー」が追加されます。このバーの色は、そのSWFの背景色、またはHTMLで設定されたSWFの背景色と同じです。</em><br />
<br />
<strong>フルスクリーンモードを開始または終了するときのイベント</strong><br />
stage.addEventListener( FullScreenEvent.FULL_SCREEN, function(e:FullScreenEvent):void{<br />
　　if (e.fullScreen) {<br />
　　　　//フルスクリーンだったら<br />
　　}<br />
});<br />
<br />
いや～しかし<br />
FLVplaybackのコンソールまわりは楽だし慣れてるしこっちでやりたいのが本音。<br />
なんとかしていいやり方見つけるしかない。<br />
<a href="http://vidal.jp/" target="_blank" title="ヴィダルサスーン"><strong>ヴィダルサスーン</strong></a>はこのへんどうやってるんだろう・・。<br />
</p>
<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/286/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flickrの画像を取得してPapervision3Dで動かす</title>
		<link>http://blog.alt-scape.com/archives/230</link>
		<comments>http://blog.alt-scape.com/archives/230#comments</comments>
		<pubDate>Tue, 25 Nov 2008 16:55:16 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[サンプル]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Papervision3D]]></category>
		<category><![CDATA[フルスクリーン]]></category>
		<category><![CDATA[マッシュアップ]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=230</guid>
		<description><![CDATA[



FlickrのAPIより画像を取得してPapervision3Dライブラリで3D上に配置するサンプルを作ってみました。
使用したライブラリは
tweener
papervision3D（ver1.7）
as3fl [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://blog.alt-scape.com/img/papervision3d_flickr1.jpg" border="0" alt="Flickrの画像を取得してPapervision3Dで動かす" />
<br />
<br />
<strong>Flickr</strong>のAPIより画像を取得して<strong>Papervision3D</strong>ライブラリで3D上に配置するサンプルを作ってみました。<br />
使用したライブラリは<br />
<a href="http://code.google.com/p/tweener/" target="_blank" title="tweener">tweener</a><br />
<a href="http://code.google.com/p/papervision3d/" target="_blank" title="papervision3d">papervision3D</a>（ver1.7）<br />
<a href="http://code.google.com/p/as3flickrlib/" target="_blank" title="as3flickrlib">as3flickrlib</a><br />
です。<br />
<br />
<span id="more-230"></span><br />
注意事項として、<br />
BitmapFileMaterialでFlickrなどの外部サーバの画像を表示するときに<br />
ローカルでは問題なく表示できているのにサーバーにアップすると表示できない現象があります。<br />
これは以下のサンドボックス制限によるものです。<br />
<em><strong>表示リスト内の移動</strong><br />
「SWF ファイルから他のサンドボックスからロードされた表示オブジェクトにアクセスする機能は制限されます。SWF ファイルが別のサンドボックス内にある別の SWF ファイルによって作成された表示オブジェクトにアクセスするには、アクセスされる側の SWF ファイルが Security.allowDomain() メソッドを呼び出し、アクセスする側の SWF ファイルのドメインによるアクセスを許可する必要があります。詳細については、作成者 (開発者) コントロールを参照してください。<br />
Loader オブジェクトでロードされた Bitmap オブジェクトにアクセスするには、クロスドメインポリシーファイルはイメージファイルのオリジンサーバー上に存在する必要があり、そのクロスドメインポリシーファイルは、SWF ファイルのドメインに、Bitmap オブジェクトへのアクセスを試みる許可を付与する必要があります。」</em><br />
<a href="http://livedocs.adobe.com/flash/9.0_jp/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&#038;file=00000354.html" target="_blank" title="クロススクリプト">Flash Player セキュリティ > クロススクリプト引用</a><br />
<br />
これを回避するために、頭に以下を記述します。<br />
<pre class="code">Security.loadPolicyFile(<span class="str">&quot;http://api.flickr.com/crossdomain.xml&quot;</span>);<br />
Security.loadPolicyFile(<span class="str">&quot;http://farm1.static.flickr.com/crossdomain.xml&quot;</span>);<br />
Security.loadPolicyFile(<span class="str">&quot;http://farm2.static.flickr.com/crossdomain.xml&quot;</span>);<br />
Security.loadPolicyFile(<span class="str">&quot;http://farm3.static.flickr.com/crossdomain.xml&quot;</span>);<br />
Security.loadPolicyFile(<span class="str">&quot;http://farm4.static.flickr.com/crossdomain.xml&quot;</span>);</pre>
<br />
あと、フルスクリーン表示も簡単にできます。<br />
<pre class="code">btn.addEventListener(MouseEvent.CLICK, <span class="keyword">function</span>(e:MouseEvent):<span class="keyword">void</span>{<br />
        toggleFullScreen();<br />
});<br />
<span class="keyword">function</span> toggleFullScreen():<span class="keyword">void</span><br />
{<br />
    <span class="keyword">if</span>(stage.displayState == StageDisplayState.NORMAL)<br />
    {<br />
        stage.displayState = StageDisplayState.FULL_SCREEN;<br />
    }<br />
    <span class="keyword">else</span><br />
    {<br />
        stage.displayState = StageDisplayState.NORMAL;<br />
    }<br />
}</pre>
<br />
swfobject.jsに<br />
<pre class="code">so.addParam(<span class="str">&quot;allowFullScreen&quot;</span>, <span class="str">&quot;true&quot;</span>);</pre>
を1行付け足します。<br />
<br />
出来上がったのはこんなかんじです。<br />
気持ちCNNやBBCの報道スタジオ風。<br />
<br />
<div id="so_papervision3d_flickr1"></div>
<script type="text/javascript">
<!--
	var so_papervision3d_flickr1= new SWFObject("http://blog.alt-scape.com/swf/papervision3d_flickr1.swf", "papervision3d_flickr1", "550", "400", "9", "#ffffff");
	so_papervision3d_flickr1.addParam("wmode", "window");
	so_papervision3d_flickr1.addParam("allowFullScreen", "true");
	so_papervision3d_flickr1.addParam("menu", "false");
	so_papervision3d_flickr1.write("so_papervision3d_flickr1");
-->
</script>
<br />
<br />
Flickr Servicesドキュメント<br />
<a href="http://www.flickr.com/services/api/" target="_blank" title="Flickr Servicesドキュメント">http://www.flickr.com/services/api/</a><br />
<br />
APIキー取得<br />
<a href="http://www.flickr.com/services/api/keys/" target="_blank" title="APIキー取得">http://www.flickr.com/services/api/keys/</a><br />
<br />
Flickr Api Explorer<br />
<a href="http://flickr.com/services/api/explore/?method=flickr.photos.search" target="_blank" title="Flickr Api Explorer">http://flickr.com/services/api/explore/?method=flickr.photos.search</a><br />
<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/230/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

