Hatena::ブログ(Diary)

honeniqの三日坊主日記 このページをアンテナに追加 RSSフィード

2012-02-19

iPhone4S/iPad2のビデオミラーリングをキャプチャしてみる

iPhone4SiPad2には「ビデオミラーリング」という機能があって、専用のケーブルを使って端末の画面をそのままHDMI出力することができます。使い方は本当に簡単で、「Apple Digital AVアダプタ」経由でHDMI端子のあるテレビに繋ぐだけ。

ゲームキャストさんの記事が分かりやすいです。

ハードレビュー:ダライアス、Real Racing…iPhoneのゲームを迫力の大画面で! Apple Digital AVアダプタ


そして、HDMI出力が出来るのならキャプチャしてみたくなるのが人情というもの。というか、ゲームの紹介記事を書くときにスクリーンショットを上手く撮れないので、「もういっそ動画で撮ってしまえ」というのが動機だったりします。


必要なもの(ハード)

まずiPhone4SもしくはiPad2が必要です。それ以前の製品でも一部のアプリHDMI出力ができるものがありますが、ビデオミラーリングは使えません。今回はiPad2を使います。


次にHDMIの出力を取り込めるタイプのキャプチャボードが必要です。いわゆる実況動画の影響でよく売れるようになったからか、多種多様な製品が売られています。今回は「ドリキャプ DC-HA1」を買ってみました。1万円くらい。

せっかくだからMacBookAirでやってみたかったんですが、Mac用&USB用の製品は超高いので諦めました。眠っていたWindowsデスクトップにつけてあげます。

ドリキャプ HDMIキャプチャーカード PCIExpress(x1) 接続 DC-HA1

ドリキャプ HDMIキャプチャーカード PCIExpress(x1) 接続 DC-HA1


キャプチャボードを買ってから気付いたんですが、iPad2HDMI出力は1080pと言われるタイプのもので、このボードは対応してませんでした(1080iまで対応)。ちょっとショック。PS3XBOX360の一般的なゲームが1080iまでの対応なので、実況動画用としては1080pまでは要らないってことなんでしょうね。


そこで、HDMIの解像度を変換できるHDMIスケーラーってのを使います。1万円くらい。

iPad2の1080p出力をスケーラーで変換して、720pまで落としてキャプチャーボードに入れてやります。


最後にキャプチャ用のソフトです。これは本当に色々あって未だに模索中です。とりあえず今は「アマレコTV」でキャプチャして「AviUtil」でエンコードしています。まとめサイトできちんと解説されてますのでそちらをどうぞ。

no title


キャプチャしてみた結果

D

こんな感じで撮れました。

あっさり出来たフリをしてますが、実は昨日と一昨日はこれとマリオテニス64しかしてません。

2011-12-04

サイドバーにブログパーツを綺麗に置く方法

はじめに

サイドバーに外部のブログパーツを設置したくて色々試した結果、なんとなくサイドバーのことが分かってきたので、今回学んだことを紹介します。

デザイン編集の「詳細」の「ページのフッタ」っていう項目ですが、かんたんデザインでポチポチ選んで設定したまんまだと

</div>
<div class="sidebar">
	<hatena name="profile" template="hatena-module">
	<hatena name="searchform" template="hatena-module">
	<hatena name="section" template="hatena-module">
	<hatena name="sectioncategory" template="hatena-module">
	<hatena name="keywordcloud" template="hatena-module">
</div>

こんな感じになっていると思います。

ここにコードを追加して自分の好きなブログパーツを設置するときはどうするのっていうのが今回の話題です。


基本的なこと

サイドバーに何かを表示したい場合、

<div class="sidebar">

から最後の

</div>

の間にコードを書いていくことになります。


公式のはてなモジュールに関しては、

<hatena name="profile">

みたいに書いておくと、はてな側で対応したブログパーツを展開してくれます。最初に載せたコードの場合は、プロフィール・ブログの検索・最新タイトル・カテゴリー・最新言及キーワードの順で展開されます。


外部のブログパーツに関しては展開はしてくれませんので、それぞれのサービスで提供されているコードを貼り付けることになると思います。


見た目を統一したい

f:id:honeniq:20111204225525p:image:medium:right

ただ、そのままコードを書いても、そのままポンと置かれるだけです。他の項目のようにタイトル的なものもありませんし、テーマによっては枠線もつかなくて大分浮いてしまうことになります。もうちょっと周りに雰囲気を合わせたいところです。

そこで、追加したいブログパーツを下記のコードで囲います。

	<div class="hatena-moduletitle">ブログパーツのタイトル</div>
		<div class="hatena-modulebody">
			ブログパーツのコード本体
		</div>
	</div>

はてなモジュールにも、barcodeモジュールのようにポン置きになってしまうタイプのものがありますが、同じように囲ってやればOKです。


そんなこんなで、当サイトのサイドバーは現状こんな感じです。

</div>
<div class="sidebar">
	<hatena name="profile" template="hatena-module">
	<hatena name="searchform" template="hatena-module">
	<hatena name="section" template="hatena-module">
	<hatena name="adsense" format="180x150">
	<hatena name="sectioncategory" template="hatena-module">
	<hatena name="keywordcloud" template="hatena-module">
	
	<div class="hatena-module">
		<div class="hatena-moduletitle">QRコード</div>
		<div class="hatena-modulebody" align="center">
			<hatena name="barcode" value="http://d.hatena.ne.jp/honeniq/" template="hatena-module">
		</div>
	</div>

	<div class="hatena-module">
		<div class="hatena-moduletitle">ランキング</div>
		<div class="hatena-modulebody" align="center">
			<a href="http://mobile.blogmura.com/iphone/"><img src="http://mobile.blogmura.com/iphone/img/iphone100_33_3.gif" width="100" height="33" border="0" alt="にほんブログ村 携帯ブログ iPhoneへ" /></a>
		</div>
	</div>
</div>

f:id:honeniq:20111204225526p:image:medium:right

はてなモジュールをいくつか並べて、その下に今回紹介した方法でQRコードにほんブログ村のバナーを置いています。他のパーツと同様に、タイトルがついてますね。

意外と簡単なので、是非お試しください!

2011-11-28

「ATOKで学習する」を消す

エクスプローラ等で表示形式を変えたいときに誤爆して困る「ATOKで学習する」ですが、出てこないようにできます。

ATOK自体の設定画面じゃないので注意。

使ったことないけど、使用頻度的にはせめて「送る」メニューに入れたほうがいいんじゃないかなあ。

参考→「ATOKで学習する」を削除する