分12最近Twitterを眺めていると,漫画やイラストを描いているところを中継している人たちが増えているように思います。今回は,このお絵描き配信を取り上げます。Encoderを新たに利用することで,映像を高画質にして配信してみます。今回配信する内容は,横1024px,縦768px(いわゆるXGA)のウィンドウサイズのPhotoshopで,作業している模様を配信すると仮定して話を進めていきます。Note:今回は1024x768のサイズにしますが,Ustream.tvの中継画面(480x360)と同じ比率,つまり4:3であることが重要です。そのため,配信したいサイズを800x600などにしてもOKです。Encoderを利用することで,配信方法と映像の画質がどう変化するかを簡単に説明します。Soucreを選択して配信するというものでした。前回は言及しませんでしたが,キャプチャされた映像は,Ustream.tvの配信サーバ側で配信に適切な動画データに変換(エンコード)されます。この標準のエンコードでは,そこまで高画質には変換されません。そのため,多少荒い感じの映像が配信されてしまいます(図1⁠)⁠。Encoderに入力し,パソコン上でエンコードしてからUstream.tvの配信サーバーに送る,という方法を取ります。Encoderを通すことで,エンコードの細かな設定ができるようになります。これにより,くっきりとした映像で配信できるようになります(図2⁠)⁠。Encoderを通すことで,以下のデメリットも生まれてしまいます。Encoderを使用して高画質配信を試す価値は十分にあるでしょう。EncoderはWindows用です。Broadcasterを利用するという手があります(しかしUstream.tvでの利用は,かなりテクニカルのようです⁠)⁠。Encoderを使用した配信方法のイメージをつかんだところで,実際に配信してみましょう。Ustream.tvのサイト上で,配信するチャンネルを決めましょう。既存のチャンネルを利用するか,新しくチャンネルを作成することになります。配信するチャンネルが決まったら,そのチャンネル設定ページに移動します。ユーザーメニューより「Advanced」を選びます(図3⁠)⁠。Encoder用のXMLファイル(以降,プロファイル)を保存します。保存されたプロファイルのファイル名には,チャンネル名が利用されます。チャンネルが間違っていないかを確認しておきましょう。このプロファイルは,のちほど利用します。Windowサイズ!を使って,中継したいウィンドウのサイズを調整するさて,次にPhotoshop(配信したいウィンドウ)を起動します。Photoshopのウィンドウサイズを横1024px,縦768pxにします。いっても,手作業でpx単位でウィンドウサイズを変更するのは面倒ですので,ソフトウェアを利用します。本稿ではWindowサイズ!を利用します。Windowサイズ!は,特定のウィンドウを指定したサイズに調整できるソフトウェアです。Vistaでの動作保証がされていないようなのですが今回の利用用途には十分でした。この手のソフトウェアはたくさんあります。ダウンロード後,解凍したフォルダの中のwinsize.exeを実行します。Windowサイズ!の設定画面が表示されたら,「⁠サイズ:」の項目の「横」に1024,「⁠縦」に768と入力します。場合によってはさらに,ディスプレイ左上からの距離設定する「左上:」の項目を有効にしてもいいでしょう。画像ボタンをサイズを調整したいウィンドウまでドラッグします。すると,「⁠タイトル:」に設定したいウィンドウのタイトルが表示されます(図4⁠)⁠。Windowサイズ!の設定画面これらを確認してSetボタンを押すと,指定したウィンドウサイズになります。中継したいウィンドウは,ウィンドウ全領域がデスクトップ上に表示されるようにしてください。Encoderをインストールと起動を行っておきます。3.0*」をクリックします。IDでログインすればすぐにダウンロードできます。実際のインストールは,インストール画面の手順に従って作業すればOKです。IDが利用できるそうなので⁠)⁠。Encoderを先に起動しておきましょう(図5⁠)⁠。process」画面にてRefreshボタンを押す必要があります。Encoder等は最小化しておいたほうが作業がしやすいです。process」画面が表示されます(図6⁠)⁠。その中からNameの項目にFlashMediaLiveEncoder.exeを選択して,OKボタンを押します。here.ボタンをドラッグして,キャプチャしたいウィンドウを指定します。指定すると,自動的にキャプションや「範囲」のX,Y,サイズにドラッグしたウィンドウの数値が入ります。here.ボタンでの範囲指定は,ウィンドウに限らず,パネルやボタンのみでも検知されてしまいますので注意しましょう。here.ボタンをドラッグ中は常に黒いフチの枠で囲まれますし,詳細設定画面のキャプションの項目名にも常に囲んでいるものが表示されます。DSFの詳細設定画面の範囲の項目のXとYもそれぞれ自動的に変更されます。Windowsサイズ!でサイズ指定を行っているため,サイズには現在のサイズ1024x768に変更されるはずです。オプションは前回と同じように設定します。図7を参考にしてください。DSFの詳細設定画面これらの設定は自動的に適用されますが,設定後に適用ボタンを押しておきましょう。DSF側の設定は終了です。Ustream.tv著者プロフィール高橋和道gihyo.jpの中で,はたらいています。みなさんも連載してみませんか。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。