無気力無関心（仮） -65ページ目

ブログ画像一覧を見る

このブログをフォローする

<< 前のページへ最新 | 63 | 64 | 65 | 66 | 67 | 最初次のページへ >>

Ustreamチャット機能拡張

NicoLime （ニコニコ動画風コメント表示ツール）と棒読みちゃん（コメント読み上げツール）について書きます。

これらはLimeChat との連携ができますので、どちらも以下の簡単な手順で導入することができます。

ソフトをＤＬ＆解凍する

　　　↓

jsファイルをLimeChatの「scripts」フォルダに置く

　　　↓

スクリプトの設定でさっきのjsファイルを許可する

【NicoLime】

作者のブログからＤＬしたら、導入法はreadme.txt、詳しい使い方はFAQ.txtに書いてありますのでそれを読んでいただければＯＫだと思います。

※SCFH DSFの『レイヤードウィンドウ表示』にはチェックをいれてください。

感想としては、ちょっと重いので低スペックだときついかな？

【棒読みちゃん】

これも作者のＨＰからＤＬしたら、棒読みちゃんTips に「IRCのチャット内容を読み上げる方法(LimeChatの場合)」という項目がありますのでそれに従ってください。

※Microsoft .NET Framework 2.0以上がないと動作しません。

感想としては、とても軽いし、LimeChat以外（２ｃｈ専ブラ・Skype・Twitter・ニコ生など）にも対応しているのが便利そうですね。

Ustreamチャットで使う場合は、辞書登録で「ustreamer-」を読まないようにした方がいいかも。

⇒Justin.tv（Ustream）関係まとめに戻る

雑記

今週は配信関連の作業をがっつりやっているのでなかなかブログ更新に手がまわらない状態ですが、とりあえず現状報告とその他いくつかについて書きたいと思います。

【つのさん関係】

麻雀ラジオへの出演ＯＫとのことですが、まだスカイプでのコンタクトが取れてなくて、今週末に打ち合わせを行う予定ですので、詳細が決まり次第また報告したいと思います。

【配信関係】

・麻雀ラジオのＨＰが一応完成しました。（Justin.tvの画面とUstreamのチャットを組み合わせた配信ページ）

・もっと便利な配信ページもあるんですけど、とりあえず自力で何とかしたい。（参考：lonsdaleite - StreamPlayer ）（画面やチャットをタブで切り替えられ、その大きさも自由に変えられる）

・Justin.tvとUstreamの同時配信に挑戦中。（参考：Ziraia.tv - USTREAM.tvとJustin.tvとで同時配信する方法）（Justin.tvのサーバが調子悪かったり、視聴者を分散させたい時の為に）

・チャットにURLを書き込めないのをどうにかしたい。（これを入れればいいのか？）

※追記：『/mode #チャンネル名 -U』で規制解除できました。

・NicoLime （ニコニコ風にコメントが画面を流れるツール）を導入したい。（コメント読み上げソフトも）

・『半角名無しの天鳳日記他』のenecreさんがJustin.tv配信通知ツールを作ったらしい。（使ったら感想をコメントしてあげてください）

【その他】

・ほとんどの作業を僕が１人でやってるので、理想さんを見かけたら「理想働け」と言ってやってください。

・ニコニコ遊園地って今日初めて聞いたんですけど、みんな知ってるの？（動画見ながら麻雀が打てるらしい）

・配信関係で知り合ったtukihime さん（♂年齢不詳）という方が、ほぼ毎晩ＭＧＯ（メタルギアオンライン）の配信をされてるんですけど、興味がある方は一度見に行ってはいかがでしょうか？（もれなく、~~ビジュアル系？~~バンドをやってた頃の本人の画像も見れます）（渋谷公会堂でライブもやったらしい）

「Justin.tvの画面＋Ustreamのチャット」の配信ページ

「Justin.tvの画面＋Ustreamのチャット」の配信ページを最も簡単に作成する方法について書きます。

（※既にJustinでの配信はできていることを前提に書いています。）

【UstreamのＩＤを取得】

Ustream のサイトに行き、ページ右上の『サインアップ』をクリックする。

　　　↓

以下を参考にして各項目を入力する。

※注意事項

・ＩＤは半角英数のみで、最初の一文字目は数字禁止。

・１メールアドレスにつき１ＩＤしか作れない。

・メール認証はいらない。（パスワードの再発行時のみ使用）（使い捨てメールアドレスを使用しても可。）

・ブラウザがＩＥだとアカウント作成できないかも？（もしそうならFirefoxなどを使用してください。）

　　　↓
無視してページ右下の『知り合いを探す』をクリックする。

　　　↓

無視してページ右下の『終了』をクリックする。（これでＩＤ取得完了）

【チャットのタグを取得】

Ustreamは（Justin.tvのように）「ＩＤがそのまま配信ページの名前」とはなりませんので、まずは自分の配信ページの名前を決める必要があります。

上の続きｏｒダッシュボードから、ページ右上の『新しい番組を作成』をクリックし、自分の番組ページを作成します。（考えるのがめんどうならログインＩＤと同じでも可。）

※後々チャット等で不具合が出る可能性があるので番組名は半角英数小文字で！

　　　↓
番組ページを作成したらダッシュボードのページ右上の『番組ページへ行く』をクリックする。

　　　↓

配信画面の下に『埋め込み』というタブがあるので、そこをクリックしてチャットのタグを取得します。

※Justinの画面のタグについては『Justin.tv（ブログで配信編）』を参照してください。
※２番目のタグの『Social Stream（Twitterなどを表示）』を貼り付けるというのもアリだと思います。

【配信ページの作成】

配信ページを作る方法は２つあります。

１つ目は、ホームページスペースを借りてきて自分で配信ページを作成する方法です。

僕はFC2 で借りて麻雀ラジオのＨＰを作ってみました。（配信ページのソースコードはこの程度の簡単なものでも十分かな？）

※チャットのタグはそのままですが、画面のタグは『<object ～</object>』だけを使用しないと、うまく画面とチャットを横に並べられません。

２つ目は、他の人が既に用意している配信ページのスペースを借りる方法です。

『StreamPlayer 』というサービスを提供されている方がいるのですが、これをお借りすると簡単に配信ページが作れます。（麻雀ラジオの配信ページもこんな感じに）

【チャットの管理】

Ustreamのチャットはそのままでは管理が面倒くさいので、LimeChat というツールを使うことにします。

導入に関しては『凸チェッカーのコテハン使用』を参照してください。

※チャットのチャンネル名は「#（Show's name）」です。

※チャンネル⇒モード変更で「m（発言権を使用）」のチェックをはずすと誰でも書き込み可能になります。（『/mode #チャンネル名 -U』のコマンドでＵＲＬの書き込みも許可できます）（チャットに人が誰もいなくなると設定がリセットされますので注意！）（参考：Strium - Ustreamをはじめたら、まずはじめに覚えるべきハマりやすい制限と4つの発言コマンド+ ）

追記：Ustreamチャット機能拡張（NicoLime と棒読みちゃんの導入について）

⇒Justin.tv（Ustream）関係まとめに戻る

これで大丈夫なのか？

『Justin.tvの画面＋Ustream（IRC）のチャット』という配信ページを昨日から試作中です。

とりあえずFC2 でスペースを借りて作ってみました。⇒配信ページ（仮）（麻雀ラジオＨＰ完成しました。）

↓はそのソースコードです。

-----------------------------------

<html>
<head>
<title>配信ページ（仮）</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
</head>
<body>
<p><nobr><object type="application/x-shockwave-flash" height="390" width="520" id="live_embed_player_flash" data="http://www.justin.tv/widgets/live_embed_player.swf?channel=dotopper " bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.justin.tv/widgets/live_embed_player.swf " /><param name="flashvars" value="channel=dotopper&auto_play=false&start_volume=25" /></object><embed allowfullscreen="true" src="http://www.ustream.tv/flash/irc.swf " pluginspage="http://www.adobe.com/go/getflashplayer " flashvars="channelId=3129430&brandId=1&channel=#risoujansi&server=chat1.ustream.tv" type="application/x-shockwave-flash" height="390" width="460"></embed></nobr></p>
<p>ただいま試作中</p>
</body>
</html>

-----------------------------------

画面とチャットを横に並べて表示したいんですけど、（ブラウザの横幅がせまくなると）勝手に改行されて画面とチャットが縦に並んでしまう現象をどうにかしたくて、『<nobr>～</nobr>』で囲ってみました。

それから、Justin.tvの画面のタグは『<object>～</object>』の部分だけを使わないと、画面とチャットが横に並べられないので注意です。（画面とチャットの大きさはそれぞれの「height」と「width」の数値で調節する。）

やたらとシンプルな方法ですけど、このやり方で合ってるんだろうか？

【追記】

タグの超簡単な説明です。（初心者ですので間違えてたらゴメン）（参考：とほほのＷＷＷ入門）

<html>～</html>：「HTMLを書くよ」という宣言

<head>～</head>：ヘッダ部分（そのページの情報について）

<title>～</title>：そのページのタイトル

<body>～</body>：本文部分

<p>～</p>：段落

<nobr>～</nobr>：改行禁止

※今回は１つの段落に画面とチャットのタグを貼り付け、それを改行禁止にしました。

上のソースコードで画面とチャットのタグを入れ替えれば、（あまりにもシンプル過ぎますけど）誰でも配信ページを作ることができると思います。

【追記２】

HTMLで正式な横への並べ方がわかりました。⇒配信ページ２（仮）

↓ソースコード

-----------------------------------

<html>
<head>
<title>配信ページ２（仮）</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
</head>
<body>
<table>
<tr>
<td>
<object type="application/x-shockwave-flash" height="390" width="520" id="live_embed_player_flash" data="http://www.justin.tv/widgets/live_embed_player.swf?channel=dotopper " bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.justin.tv/widgets/live_embed_player.swf " /><param name="flashvars" value="channel=dotopper&auto_play=false&start_volume=25" /></object>
</td>
<td>
<embed allowfullscreen="true" src="http://www.ustream.tv/flash/irc.swf " pluginspage="http://www.adobe.com/go/getflashplayer " flashvars="channelId=3129430&brandId=1&channel=#risoujansi&server=chat1.ustream.tv" type="application/x-shockwave-flash" height="390" width="460"></embed>
</td>
</tr>
</table>
<p>ただいま試作中</p>
</body>
</html>