ホームページ制作、千太の絵空事

多様なメディア解像度をボタンで選べるYouTubeの動画再生ページ

多様なメディア解像度をボタンで選べるYouTubeの動画再生ページ

YouTubeの動画再生ページをみてみました。

以前はHQやHDボタンでしたが、用意されているメディアより再生ページで実際に再生されているメディアファイルの解像度がまちまちで、よくわからないといったことありましたが、今回よりわかりやすくなりました。

視覚的には、インパクトはありませんが、機能的にはとてもわかりやすくなっていいと思います。

メディアの種類はたくさん用意されているのに※1もったいないと感じていましたが、YouTubeもその辺はきちんとやってくれました。
(16:9)

ボタン	対応するメディア
[1080p	1920x1080
[720p]	1280x720
[480p]	854x480
[360p]	640x360

また、再生しているメディアに合わせて、動画再生ページでのプレーヤーの大きさも変更していましたが、

これにぴったりあったメディアを指定することができるようになったので、助かります。

(16:9)

ボタン	埋め込み領域	プレーヤーの動画再生領域
[←↑]	幅:960, 高:505	幅:854, 高:480
[→↓]	幅:640, 高:385	幅:640, 高:360

プレーヤーの動画再生領域については上述のようになりますので、ぴったり合わせて綺麗に再生するとなると、

大きな領域	[←↑]	[480p]	854x480
小さな領域	[→↓]	[360p]	640x360

ということになります。ただし、[→↓]ボタンをクリックすれば、表示サイズが変わりますが、自動でメディアファイルが追従して変更するわけではないので、自分で360pを480pに変更するといいでしょう。

HDボタンだけだと、上述の領域に対して、オーバースペックの解像度※2となっていましたが、メディアさえ用意されていれば、これでぴったりのメディアで再生できるようになりました。

リファレンス

・※1※2
http://blogs.yahoo.co.jp/cen_picture21/60158442.html

---

多様なメディア解像度をボタンで選べるYouTubeの動画再生ページ

直感的な操作で！Paint.NET(v3.5.2)

直感的な操作で！Paint.NET(v3.5.2)

りヴぁさん※1が使っているというPaint.NETを使ってみました。
最新のバージョンは(v3.5.2)になるようです。

.NETとあるように　「.NET Framework」によるアプリケーションソフトのようで、.NET Framework 3.5 SP1が必要のようです。

Windowsでない環境や、少し古いOSでは、導入が無理かもしれませんが、Windows(XP,Vista,7）では可能だと思います。

使ってみた、感じたことは、とてもシンプルで直感的に扱えるといった印象を受けました。

画像加工ソフトなどの場合、機能が豊富で、ユーザーがカスタマイズしてできるようなソフトもありますが、
これが、かえって煩わしく感じられる人もいるでしょう。
（はじめから使える、とっつきがシンプルなソフトというのは、とてもいいなと感じます）

このPaint.Netには、ほとんど設定するようなことはなく、そのままで使いこなすことができるでしょう。

操作がユニークで直感的だと感じたは、画像の変形の操作の回転と変形の部分、スティックでグリグリといった操作感です。

また、ヒストグラムの出力側の表示があったり、トーンカーブでの編集などがあり、使いこなせる人には重宝するでしょう。

そして、「選択」ツールでは、実際に選択されるであろう範囲が操作中にも表示されとてもわかりやすい。
また、曲線を描くのが、ハンドルが明示され、１つの線を描いた後、自由に変形して曲線が描ける点など、とても描きやすくなっています。
（ただし、線引き編集完了後は再編集はできません）

以上のように、カスタマイズせずとも、直感的にグリグリ画像を加工できる、とてもスタンダードな画像加工ソフトで、好印象です。

インストールには、XPの場合だと、あらかじめ「.NET Framework 3.5 SP1」を導入し、その後Paint.Net(v3.5.2)をインストールということになると思います。
また、インストールすると、「Windows 画像と FAX ビューア」での「編集」をクリックして起動するソフトが、この「Paint.Net」になります。

※1:この記事は『何とかはリヴァサイド』http://blogs.yahoo.co.jp/banzuai38/
「2010 あけおめ」http://blogs.yahoo.co.jp/banzuai38/62818165.html の記事にトラックバックしています。

リファレンス

・「Paint.NET - Free Software for Digital Photo Editing」

http://www.getpaint.net/

・「Paint.NET」窓の杜
http://www.forest.impress.co.jp/lib/pic/piccam/picedit/paintdotnet.html

---

---

YouTubeの動画の再生、1080p[HD]まで様々な解像度のメディアファイルで閲覧

YouTubeの動画の再生、1080p[HD]まで様々な解像度のメディアファイルで閲覧

『YouTube Blog』の以下の記事
Thursday, November 12, 2009「1080p HD Is Coming to YouTube」
http://youtube-global.blogspot.com/2009/11/1080p-hd-comes-to-youtube.html
によれば、1080pのビデオでも閲覧できるようにしていくようです。

そこで、実際にYouTubeの1080pの動画をみてみました。

1080p HDでの再生

1080pを閲覧できる動画再生ページでは、通常と同様、再生領域横640縦360を持つ標準サイズのプレーヤーでコントロール部分にグレーの[HD]ボタンが表示されています。
この場合は、解像度640x360のメディアファイルが再生されています。

このプレーヤーの[HD]ボタンをクリックすると、Webページが再構築されてより大きな再生領域を持つプレーヤーになります。
解像度1920x1080のメディアファイルがで再生されました。

Webページでの再生領域に比べオーバースペックですが、フルスクリーンで再生すれば、より実感できるでしょう。

HD(1920x1080)

Web	コンテナ	映像		音声
プレーヤー	ファイル	コーデック	解像度	コーデック		サンプリング
大[HD]	mp4	avc1	1920x1080	mp4a	2	44100Hz
小[--]	flv	h264	640x360	mp4a	2	44100Hz

ただ、『YouTube Japan Blog』(日本版 公式ブログ)には、上記のような内容は記載されていないようで、
「詳細: 動画のアップロードを最適化する」『YouTube ヘルプ 』にも、1280x720 (16:9 HD) までの記述しかありませんので、これから徐々に増えてくるのではと考えています。

様々な解像度

様々な解像度のファイルでの再生があるようです。
例えば、16:9の場合だとFLVコンテナがあったり、MP4コンテナであったりします。

コンテナ	映像		音声
ファイル	コーデック	解像度	コーデック		サンプリング
mp4	avc1	1920x1080	mp4a	2	44100 Hz
mp4	avc1	1280x720	mp4a	2	44100 Hz
flv	h264	854x480	mp4a	2	44100 Hz
flv	h264	640x360	mp4a	2	44100 Hz
mp4	avc1	480x270	mp4a	2	44100 Hz
flv	FLV1	400x226	mp3	2	22050 Hz

※ : メディアファイルの推定容量

リファレンス

・『YouTube Blog』
<http://youtube-global.blogspot.com/>
・「1080p HD Is Coming to YouTube」
<http://youtube-global.blogspot.com/2009/11/1080p-hd-comes-to-youtube.html>
・『YouTube Japan Blog』(日本版 公式ブログ)
<http://youtubejpblog.blogspot.com/>
・「詳細: 動画のアップロードを最適化する」『YouTube ヘルプ 』
<http://www.google.com/support/youtube/bin/answer.py?hl=jp&answer=132460>

---

YouTubeの動画の再生、1080p[HD]まで様々な解像度のメディアファイルで閲覧

---