2006年09月29日

pcypServが…

サーバー版pcypなpcypServのリンクがなくなっちゃいましたね。更新されるのを待っていただけに残念です。

pcypServはいつも自分が使用しているWebブラウザでチャンネル一覧を表示できるという利点のほかに、pcypと比べてメモリ消費量が少なくて済むため常駐用としても便利でした。特定のチャンネルが配信開始されたらそれだけをポップアップで通知させるような使い方にも合っていましたし。

ツールスレでもスルーされていましたが、誰も使っていないんでしょうかねぇ。とりあえず私だけでもテーマ対応版pcypServがリリースされる日がくることを待ち続けたいと思います。

posted by ぴあすき at 23:54| Comment(0) | TrackBack(0) | ツール | このブログの読者になる | 更新情報をチェックする

2006年09月21日

[VerUP] ジャンルの判別条件を指定可能に

ジャンル別表示に用いる判別条件をユーザー側で指定できるようにしてみました。


info_060921.zip

● 2006/09/21

▼共通

  • ジャンルに「ミュージック」を追加。
  • ジャンル別表示に用いる判定条件を設定ファイルで指定できるようにしました。
    • いつもジャンル名に特定の文字列が記載されているようなチャンネルを任意のジャンルへ割り振ることができます。
    • 本家YPで選択できるミュージック関連などのジャンルは記載していませんので、必要な方は追記なさって下さい。
  • その他、細かい部分を調整。

▼info

  • 分かりづらい部分があったため、テーマ設定欄の構成を一部変更しました。
    • 詳細・Playing・コメントをそれぞれ非表示にすることができるようにしました。
    • 項目の表示設定を行うことで列自体の表示も変更するようにしました。
      • 例えば「イエローページ」と「通知」の両方を非表示とした場合、イエローページまたは通知が表示されていた列が非表示となります。
    • 今までのテーマ設定は無効となりますので、infoテーマをご使用の方はお手数ですがページ右上の「設定」をクリックしてテーマ設定を再度行ってください。

設定ファイルから細かく指定することで、例えばGameとジャンルに記載されていないチャンネルもゲームとして表示させることが可能です。

それと、infoテーマのテーマ設定構成を一部変更しましたので、バージョンアップ後はテーマ設定欄を開いて再設定してください。

posted by ぴあすき at 23:26| Comment(0) | TrackBack(0) | テーマ | このブログの読者になる | 更新情報をチェックする

2006年09月19日

[VerUP] オーバーレイ表示できない不具合

ちょこっとだけ修正です。


info_060919.zip

● 2006/09/19

▼共通

  • リンク先をpcyp2で開くよう設定している場合において、チャンネル名をクリックしたときにリンク先をpcyp2でオーバーレイ表示できなかった不具合を修正。
  • その他、細かいところを調整/修正。

posted by ぴあすき at 22:55| Comment(0) | TrackBack(0) | テーマ | このブログの読者になる | 更新情報をチェックする

2006年09月18日

[VerUP] ジャンルやタイプ別に表示できるように

Anime・Gameなどのジャンルや、WMV・OGGなどのタイプ別に分けて表示できるようにしてみました。


info_060918.zip

● 2006/09/18

▼共通

  • チャンネル別に分けて表示する条件に「新着(前回)・再生中/リレー中・停止中・ランクアップ・ランクダウン」を追加しました。
  • タイプ(WMVやOGGなど)別に分けて表示できるようにしました。
  • ジャンル別に分けて表示できるようにしました。
    • ジャンルが記載されていないチャンネルの場合は詳細の文字列から判別します。
  • テーマ設定にてリンク先をpcyp2で表示する設定の場合、チャット/統計アイコンをクリックした場合もpcyp2でオーバーレイ表示するようにしました。
    • チャンネル詳細欄のチャットURL/統計URLのリンクをクリックした場合はWebブラウザで開きます。
  • その他、細かいところを調整/修正。

チャンネルによってはジャンルやPlayingに記載すべきところを詳細に記載されていたりしますので、必ずしも適切に分けて表示されるとは限りません。判別するジャンルの条件については今後もう少し調整する予定です。

また、ジャンルやタイプは組み合わせて使用できますので、例えば「ジャンル:その他」「タイプ:オーディオ」と指定することでミュージック関連のチャンネルを表示させることができると思います。

posted by ぴあすき at 21:07| Comment(0) | TrackBack(0) | テーマ | このブログの読者になる | 更新情報をチェックする

2006年09月15日

オンラインマニュアル&更新履歴を掲載

当ブログにテーマのオンラインマニュアル(ヘルプ)と今までの更新履歴ログを掲載いたしました。…といってもreadme.txtやhistory.txtを写しただけのようなものですが。

ヘルプカテゴリーページおよび更新履歴カテゴリーページから参照できます。

posted by ぴあすき at 23:56| Comment(0) | TrackBack(0) | お知らせ | このブログの読者になる | 更新情報をチェックする

2006年09月10日

[VerUP] ユーザーが用意したアイコン表示に対応

ユーザーが別途用意したキャス子アイコンを表示できるようにしてみました。また、ツールスレで要望がありましたのでinfoテーマの表示周りを変更しています。


info_060910.zip

▼共通

  • ユーザーが別途用意したキャス子アイコンの表示に対応。
    • 設定ファイルに条件とgif画像ファイル名(拡張子は省く)を記述することでキャス子フォルダ(例「C:\Program Files\pcyp\templates\images\kyasuko」)に用意したキャス子アイコン(gifのみ)が表示されます。
    • チャンネル名・詳細・Playing・コメント・キャス子ステータスの文字列から指定した条件に適合した場合、指定した画像に置き換えて表示します。詳しい記述方法は設定ファイルを参照して下さい。
  • リンクバーの名称を拡張バーに変更。
    • テーブルヘッダ/フッタに表示していた「検索」などを拡張バーの上段に配置し直しました。
    • 設定ファイルにリンクを記述している場合は、拡張バーの下段に表示されます。
    • 拡張バー内をダブルクリックすると閉じるようにしました。
  • 設定ファイルのリンクの指定形式を変更しました。
    • 今までは9件まで指定できましたが、仕様変更により何件でも指定できます。
    • 設定ファイルに記述している方は再度記述し直すようお願いします。
  • チャンネル詳細欄のデフォルト表示項目をすべて表示するように変更しました。
  • その他、細かいところを修正/調整。

▼info

  • チャンネル名・詳細・Playingの後に改行できるようにしました。
    • 改行するかどうかはテーマ設定から変更できます。
    • この仕様により、今までのように詳細の横位置を固定することはできません。また、文字列が長い場合は折り返して表示するようにしました。
    • 改行しない場合、それぞれの余白サイズを設定ファイルで指定できます。

キャス子アイコンの指定は正規表現を用いているため、多くの画像&条件を指定していると多少表示が重くなるかもしれません。設定ファイルに記述方法を書いておきましたが、よく分からない方は質問なさってください。

infoテーマのほうはテーマ設定欄が隠れない程度までpcyp2のウインドウ横幅を狭めても表示が崩れにくいようにしたつもりですがどうでしょうか。私はsimpleテーマのほうばかりを使っているので、まだまだ改良する余地はあるかと思います。

posted by ぴあすき at 22:53| Comment(0) | TrackBack(0) | テーマ | このブログの読者になる | 更新情報をチェックする

2006年09月09日

[VerUP] ユーザー側が用意した設定ファイルを読み込むように

めずらしいことに連日のバージョンアップです。今回も色々といじってみました。


info_060909.zip

▼共通

  • 各ユーザーが用意した user.js および user.css を読み込むようにしました。
    • ユーザーが別途用意した user.js および user.css を読み込むことで、テーマをバージョンアップした際に設定ファイル(setting.js)やCSSファイル(info.css・simple.css)で編集していた内容をファイルの上書きによって破棄せずに済みます。
    • 設定/CSSファイルのデータよりも user.js および user.css に記述したデータを優先します。
    • 設定/CSSファイルを編集する必要がない方は、 user.js や user.css を作成する必要はありません。また、今まで通り設定/CSSファイルを編集しても構いません。
    • 今後、設定/CSSファイルの設定を変更する場合は、 user.js や user.css に変更したい行だけコピーしてから編集することをお薦めします。
    • このアーカイブに user.js および user.css は同梱していません。別途テキストエディタなどで作成・編集してください。
  • チャンネル名のリンクをpcyp2内でオーバーレイ表示する場合、特定のチャンネルをWebブラウザや2ch互換ブラウザで表示できるようにしました。
    • 設定ファイルにURLまたはチャンネル名を正規表現で指定したチャンネルのみWebブラウザや2ch互換ブラウザで開きます。
    • テーマ側からはpcyp2で設定している「2chブラウザで開くアドレス」を参照することはできませんので、設定ファイルを編集する必要があります。詳しい記述方法は設定ファイルを参照して下さい。
  • 設定ファイルにリンクを記述することで、テーブルヘッダにリンクバーを表示できるようにしました。
    • ページ左上の「▼」をクリックするとリンクバーが開閉します。設定ファイルにリンクが記入されていない場合、「▼」は表示されません。
    • リンクバーからリンクをクリックすると、そのリンク先URLをpcyp2内でオーバーレイ表示します。
    • ユーザーが用意したローカルファイルを開くこともできます。詳しい記述方法は設定ファイルを参照して下さい。
  • その他、細かいところを修正。

バージョンアップ後にチャンネルが表示されない場合は、テーマ設定欄を開いて設定し直してみて下さい。ほとんど動作テストを行っていないため、色々と不具合がありそうです。

ユーザー用の設定ファイルを読み込むようにしましたので、バージョンアップの度に設定ファイルを修正しなおしていた方にとっては設定が楽になると思います。また、リンクバーは配信者Wikiなど関連サイトを登録したり、ブックマーク代わりとなるソーシャルブックマークサービスやメモを記入できる自分専用Wikiなんかを登録するのもいいかも。

posted by ぴあすき at 01:09| Comment(0) | TrackBack(0) | テーマ | このブログの読者になる | 更新情報をチェックする

2006年09月07日

[VerUP] pcyp2内にWebページをオーバーレイ表示する機能を追加

質問スレに「pcyp2でKPの帯域チェックを行えないのが面倒」というのがあったので、チャンネル名のリンクをクリックしたときにWebページまたは画像をpcyp2内にiFrameでオーバーレイ表示できるようにしてみました。


info_060907.zip

▼共通

  • チャンネル名のリンク先をpcyp2内にiFrameでオーバーレイ表示する機能を追加しました。
    pcyp2で表示するか今まで通りWebブラウザや2chブラウザで表示するかはテーマ設定から変更できます。また、オーバーレイ表示サイズは設定ファイル(setting.js)から変更できます。
    チャンネル詳細欄からコンタクトURLを開く場合は、上記設定にかかわらず今まで通りWebブラウザや2chブラウザで開きます。
  • その他、細かいところを調整。

Cookieに保存されている以前のテーマ設定は利用できませんので、VerUP(上書き)した場合はテーマ設定欄を開いて再設定を行ってください。その後にページ左上の「ALL」などをクリックするとチャンネルが表示されるはずです。

Webページを表示させたいときだけIEを起動して表示させ読み終わったらIEごと終了してるような方にとっては、ブラウザをいちいち起動させる手間が省けるのでかなり便利かもしれませんね。

posted by ぴあすき at 23:45| Comment(0) | TrackBack(0) | テーマ | このブログの読者になる | 更新情報をチェックする

2006年09月06日

[VerUP] チャンネルの絞り込み表示機能を追加

pcypServに実装されていた新着チャンネルやイエローページごとに分けて表示する機能が何気に便利でしたので、同様の機能を追加してみました。


info_060906.zip

▼共通

  • チャンネルを絞り込んで表示する機能を追加しました。テーブルヘッダ左側にある「ALL・New・Change・YP・VP・KP・etc」をクリックすることで絞り込み表示します。
    ALL:すべてのチャンネルを表示(今までと同じ)
    New:新着チャンネルのみを表示
    Change:詳細・Playing・コメントに変更があったチャンネルのみを表示
    YP・VP・KP:それぞれのYellow Pagesのみを表示
    etc:YP・VP・KP以外のYellow Pagesを表示
  • テーマ設定欄のデザインを調整。
  • その他、細かいところを調整。

VerUP後に何もチャンネルが表示されない場合はテーブルヘッダの「ALL」などを1度クリックすると表示されるはずです。

新着チャンネルや変更があったチャンネルのみを簡単に表示できるので、それなりに便利かと思います。あまり動作確認を行ってませんので、なにか不具合や使いづらい部分などがありましたらコメントへ書き込んでおいてください。

posted by ぴあすき at 02:16| Comment(0) | TrackBack(0) | テーマ | このブログの読者になる | 更新情報をチェックする

2006年09月05日

pcypServ ktkr!!!!!

いつのまにやらpcypのローカルサーバー版が公開されています。これはpcyp2からチャンネル表示機能を削除し、その代わりWebブラウザでチャンネルを表示するツールです(意図としては合ってるはず)。

私はFirefox使いなのですが(拡張機能の便利さを知ると、ほかのブラウザなんて使う気になれません。モッサリだけど。)、できればpcyp2の「YP風表示」をFirefoxで表示できるようにしたいなぁと常々思ってました。前回のエントリーの予定に「WebブラウザでYPを表示したい」というのはFirefoxで表示させたかったからです。一応、pcyp2でも"temp.html"をFirefoxに読み込むことで表示させることはできるのですが。

pcypServの使い方は設定&お気に入りをpcyp2同様に設定し、チャンネル情報を取得(更新)した後にpcypServから「開く(入り口)」を選択するか、直接「http://localhost:指定したポート(デフォは60080)」をWebブラウザで開くと表示されます。

軽く試してみたところ、チャンネルの表示を「すべて」「新着」「お気に入り」とそれぞれのYPごとに分けて表示することができるようです。新着とお気に入りの表示は機能していないようですが。それと、お気に入りで文字色を指定しても背景色に反映されてしまうようです。あと、1ページに20件ずつの表示になっていますが、表示件数を指定できるようにするかすべて表示できるようにしてほしいです。

個人的に何よりも残念なのはテーマが選択(使用)できない点。これができるようになるまではpcyp2から乗り換えられませんし。いくつかpcyp2と仕様は異なってしまうとは思いますが、公開しているテーマのようにCSSやJavaScriptを用いてチャンネルの表示をカスタマイズしたいところです。期待してますので作者さんガンバってください。

posted by ぴあすき at 02:43| Comment(0) | TrackBack(0) | ツール | このブログの読者になる | 更新情報をチェックする

2006年09月02日

[VerUP] とりあえず久々に更新&今後の予定

質問スレでお気に入りを上部へ表示するネタを拾ったので、適当に取り入れてみました。


info_060902.zip

▼共通

  • 文字色を指定したお気に入りチャンネルを、ほかのチャンネルよりも上部へ表示できるようにしました。テーマ設定の「文字色を指定したお気に入りの位置」から変更できます。
  • その他、細かいところを調整&修正。

VerUPされた方は「文字色を指定したお気に入りの位置」の設定が未選択になっていると思いますので、テーマ設定欄を開いて設定しておいて下さい。

それと実際に行うかは未定ですが、今後の予定を以下にメモっておきます。

  • このブログをいじる。(Seesaaブログは初めてなので)
  • オンラインマニュアルなどをこのブログに掲載する。
  • InfoとSimpleのテーマを1つにまとめる。チャンネルの1列表示と2列表示をテーマ設定から変更できるようにしたい。
  • PCYP2などのツールを用いずにWebブラウザからindex.txtを取得してYPを表示するスクリプトの作成。恐らくムリ。
posted by ぴあすき at 15:55| Comment(0) | TrackBack(0) | テーマ | このブログの読者になる | 更新情報をチェックする

当ブログについて

このブログはPCYP2用の自作テーマを作成している中の人が、そのテーマをUPしたり制作メモなどを不定期で記すために設置しました。

今後はテーマを更新してもツールスレで告知の書き込みはしないと思いますので、RSSをRSSリーダーに登録しておくと忘れたころに更新されても安心です。

なお、「PeeaCastとは?」「PCYPとは?」「スレってどこ?」「Wikiってどこ?」といったような事についてはお答えできませんので、すべて自力で打開してください。

テーマなどについての要望・質問・意見などはこのブログのコメントへ書き込んでおいてください。また、中の人へ直接連絡したい場合はメールフォームか以下へお願いします。

gmail.png

posted by ぴあすき at 14:05| Comment(0) | TrackBack(0) | お知らせ | このブログの読者になる | 更新情報をチェックする

2006年09月01日

ヘルプ - Standardテーマ

Standardテーマはpcyp2 YP風表示モード用のカスタムテーマです。

 

■必要動作環境

  • pcyp2 2.0.0.157以降 (問題がない限りpcyp2最新版を推奨)
  • InternetExplorer 5.5以降 (IE7以降を推奨)

チャンネルリストの閲覧にはJavaScriptを利用していますので、IE側でJavaScript(アクティブスクリプト)を必ず有効にしてください。また、設定の保存にIEのCookie、チャンネル履歴にFlash(要Flash Player8以降)を利用しています。

IE7を動作基準としているため、それ未満のIEがインストールされている環境では一部のデザインが崩れたり異なる場合があります。

 

■ファイル構成

Standardテーマフォルダ内には以下のファイルが必要です。

  • ie_header.html / ie_channel.html / ie_footer.html
    • YP風表示に用います。
  • clipboard.txt / notify.txt / popup.txt
    • 必要なファイルですがテーマ側では利用していません。詳細はpcyp2のヘルプなどを参照して下さい。
  • standard.js
    • メインスクリプトファイル。
  • setting.js
    • 設定ファイル。一部の設定を変更できます。詳細はこのファイル内をテキストエディタなどで開いて参照して下さい。
  • standard.css
    • CSSファイル。デザインを変更できます。詳細はこのファイル内をテキストエディタなどで開いて参照して下さい。
  • standard_ie5-.css / standard_ie6-.css / standard_ie.css
    • それぞれIE6未満/IE7未満/IE5以上用のCSSファイル。
  • data.swf / flash.js
    • 前回更新時のリスナー/リレー数などを保存しておくFlashファイルと、そのFlashを埋め込むスクリプトファイル。

必要な場合に編集するファイルはsetting.jsと各CSSファイルですが、これらは同じフォルダに作成した「user.js」および「user.css」ファイルに変更したい部分の内容だけをコピーしてから編集して下さい。詳細は後述のユーザーが用意した設定ファイルについてをご覧下さい。また、そのほかのファイルを編集する必要はありません。

 

■インストール

  1. ダウンロードしたファイル(Standard_******.zip)内のフォルダを、pcyp2のテンプレートフォルダへコピーします。 imagesフォルダも上書きして下さい。
    1. テンプレートフォルダ例:「C:\Program Files\pcyp\templates」
    2. コピー後のフォルダ例:「C:\Program Files\pcyp\templates\standard」
  2. pcyp2の表示メニュー→「YP風表示」→「ナビゲート」→「テンポラリファイルをナビゲート」を選択。
  3. pcyp2の表示メニュー→「テーマ変更」を選択し、作成されたフォルダ名を記入。(例:standard)

インストールする際、テーマのフォルダ名(standard)は自由に変更して構いません。

PeerCastやpcyp2のインストール方法・使い方などについては、それらのヘルプやドキュメントなどを参照して下さい。

なお、pcyp2が生成したテンポラリファイル(temp.html)をWebブラウザで表示させた場合、Flash Playerの設定を行う必要があります。以下のFlash Player設定ページからテーマフォルダ(例: 「C:\Program Files\pcyp\templates\Standard」)を常に信頼するよう設定してください。

Adobe - Flash Player: 設定マネージャ - [グローバルセキュリティ設定] パネル

普通にpcyp2でStandardテーマを利用する場合、この設定を行う必要はありません。

 

■画面構成

▼ヘッダ

Standard_Header.png

  1. ページ全体の文字サイズを変更します。
  2. お気に入り表示モードを切り替えます。
    • お気に入りのみ表示
      • 文字色および背景色を指定したお気に入りチャンネルのみを表示。
    • 新着/更新 & お気に入りのみを表示
      • 通知が「新着/新着(前回)/Change」のチャンネルとお気に入りチャンネルのみを表示。
    • デフォルト表示
      • この絞り込み表示機能は用いずに、通常通りすべてのチャンネルを表示。
  3. 詳細表示モードを切り替えます。
    • デフォルト
      • 全チャンネルの「詳細/Playing/コメント」を表示します。
    • アップデート
      • 新着/更新チャンネルのみ「詳細/Playing/コメント」を表示します。
    • シンプル
      • 全チャンネルの「詳細/Playing/コメント」を非表示にします。
  4. テーマ設定欄を開きます。
    • 各項目にマウスを重ねるとツールチップに説明が表示されます。
  5. ヘルプを表示します。
  6. イエローページ別に絞り込み表示します。
    • イエローページ名や絞り込み判別用のURLは設定ファイルで指定できます。
  7. タイプ別に絞り込み表示します。
  8. チャンネル通知別に絞り込み表示します。
  9. ジャンル別に絞り込み表示します。
    • ジャンル名や絞り込み判別用の文字列は設定ファイルで指定できます。

※ 2行目にある各列のリンクをクリックすることでその列がソートされます。

▼チャンネル

Standard_Channel.png

  1. キャス子アイコン
    • クリックでそのチャンネルを再生します。
    • 32×32pxの大きさで表示します。
  2. 通知アイコン
    • 通知が「変化なし」の場合は表示されません。
  3. チャンネル名
    • pcyp2のお気に入りで指定した文字色はこのチャンネル名にのみ適用されます。
  4. 詳細・Playing・コメント
    • 個別に表示/非表示させたり改行するかをテーマ設定欄より変更できます。
    • 新着チャンネルおよび更新チャンネルは設定ファイルで指定した文字色で装飾します。
  5. リスナー/リレー数
    • ツールチップに前回更新時との差分や視聴率を表示します。
    • 前回更新時との差分により設定ファイルで指定した文字色で装飾します。
  6. 配信時間
    • 時間によって設定ファイルで指定した文字色で装飾します。
  7. ビットレート
    • 設定した最大帯域幅を基準として設定ファイルで指定した文字色で装飾します。
    • リンクをクリックするとpcyp2専用のコンテキストメニューを表示します。
  8. 順位
  9. イエローページ
    • 設定ファイルで指定した画像を表示します。未指定の場合はそのイエローページのFavicon(favicon.ico)を表示します。
  10. タイプ
    • 動画・音楽・RAW・その他の画像を表示します。
  11. チャットURL
  12. 統計URL

※ チャンネル欄(リンクされていない部分)をダブルクリックすると、ページ右上にチャンネル詳細欄が表示されます。チャンネル詳細欄をダブルクリックすると閉じます。

▼フッタ

Standard_Footer.png

  1. チャンネルデータ取得日時(更新日時)
  2. 再生/リレー中のチャンネル/ビットレート合計数
    • pcyp2設定の通信タブにある「ローカルなチャンネル情報を取得する」のチェックを外している場合は表示されません。
  3. 現在表示しているチャンネルのチャンネル/リスナー/リレー合計数
    • ダブルクリックすることで全チャンネルのチャンネル/リスナー/リレー合計数へ表示を切り替えます。

 

■デフォルトテーマとの主な違い

  • 全体の文字サイズを簡単に変更できます。
  • お気に入りチャンネルのみの表示、またはお気に入りチャンネル&新着/更新チャンネルのみを表示させることができます。
  • 新着/更新チャンネルのみ「詳細/Playing/コメント」を表示させるようにしたり、全チャンネルの「詳細/Playing/コメント」を隠すことができます。
  • 全チャンネルの「詳細/Playing/コメント」をそれぞれ隠すことができます。
  • お気に入りチャンネルや新着チャンネルをほかのチャンネルよりも上部に表示させることができます。
  • キャス子アイコンや配信者が指定したアイコンの表示に対応。
  • イエローページ別/タイプ別/チャンネル通知別/ジャンル別にそれぞれ絞り込み表示できます。
  • 前回更新時のリスナー/リレー数を参照して、どれだけの人数が増減したか分かるようリスナー/リレー数の文字色を装飾します。
  • リスナー/リレー数のツールチップに前回更新時との差分、および視聴率を表示します。
  • どれくらい配信時間が経過したか分かるよう配信時間の文字色を装飾します。
  • 設定した最大帯域幅を基準にビットレートの文字色を装飾します。
  • 設定した最大帯域幅を超えるチャンネルの再生時に注意を表示します。
  • チャンネル欄をダブルクリックすることで、そのチャンネルの詳細を表示します。
  • 現在表示しているチャンネルのみの合計チャンネル/リスナー/リレー数を表示します。

そのほか、設定ファイルからイエローページ別にキャス子アイコンフォルダを別々に指定したり、特定文字列を含むチャンネルの場合に指定したキャス子アイコンへ置き換えて表示させることなどができます。また、CSSファイルからはデザインのカスタマイズ以外に、配信時間や順位などの列を非表示にすることもできます。

 

■Info/Simpleテーマとの主な違い

  • 全体のデザインをテーブルを用いないCSSレイアウトに変更(Liteテーマをベース)。
  • チャンネルリストの表示切替機能(お気に入り表示モード・詳細表示モード)を追加。
  • イエローページとチャンネル通知を別々に絞り込み表示可能に。
  • リスナー/リレー数のツールチップに視聴率を追加。
  • イエローページと種別をアイコンで表示。
  • 現在表示しているチャンネルリストのチャンネル/リスナー/リレー合計数を表示。
  • イエローページの名称・URL・背景色・アイコン・フォルダを設定ファイルで指定可能に。
  • 絞り込み表示やテーマ設定欄からの変更時にページを再読み込みせずに切り替え。

 

■ユーザーが用意した設定ファイルについて

setting.jsやstandard.cssなどCSSファイルを編集してもテーマのバージョンアップ時に誤って上書きしてしまい、今まで編集してきた内容が破棄されてしまいます。そこで、「user.js」「user.css」を同じフォルダに作成しテキストエディタなどを用いて編集することで、それらをsetting.jsやCSSファイルの代わりにすることができます。

user.jsおよびuser.cssはダウンロードしたファイルには含まれていませんので、setting.jsやCSSファイルから編集したい部分をコピーしuser.js・user.cssにペーストしてから編集することで、テーマのバージョンアップ時でも破棄せずに済みます。user.js・user.cssに記述した内容はほかのスクリプトファイル・CSSファイルよりも優先されます。

 

■よくある質問

pcyp2を起動したとき「YP風表示」ウインドウ内が真っ白でチャンネルが表示されない。
pcyp2 Ver2.0.0.160以降の仕様により、表示メニューの"YP風表示"→”ナビゲート”→"テンポラリファイルをナビゲート"を選択していて、かつpcyp2起動時のチャンネル情報を取得する際に「YP風表示」が選択されている場合、使用しているテーマに限らず上記の現象が起きます。この状態になった場合は1度テーマを変更することで正しく表示されるようになります。
pcyp2起動時、チャンネル情報を取得完了する前に「YP風表示」以外を選択しておくことで、上記の現象を暫定的に回避することができます。
チャンネルをソートさせようとすると「リストのインデックスが範囲を超えています」とエラーが表示されてしまう。
pcyp2の"設定"→"列"からそのソートさせたい項目を”表示する列”へ追加してください。
(例:チャンネル名, 詳細, Playing, ビットレート, ハッシュ, YpAddr, 配信時間など)
チャットURLや統計URLを開いても正しく表示されない。
pcyp2の”設定”→”YP”にある「チャットURL等をYP互換にする」のチェックボックスをチェックしてください。ビットレートをクリックしたときに表示されるpcyp2専用コンテキストメニューからはテーマ側で修正していないURLを開くため、正しく表示されない場合があります。
また、eXtremeYPなどイエローページ側がチャットページや統計ページを提供していない場合はエラーページが表示されます。
KPのチャンネルにバナナアイコンや配信者によるカスタムアイコンなどが表示されない。
KPの仕様によりローカルのアイコンを表示するかネット上のアイコンを表示するかの二通りの方法があります。ネットから取得した画像を直接表示したい場合は、pcyp2の設定でKPのURL欄の最後に「ex/」を追加してください。この場合、KP側や配信者側が提供しているアイコンをキャス子アイコンフォルダに入れておく必要はありません。

ローカルのキャス子アイコンが表示されない。
Standardテーマでは32×32pxでキャス子アイコンを表示しますが、ほかのテーマで利用しているアイコンは40×40pxなため、そのままでは表示しないようにしています。 ほかのテーマで利用しているアイコンも表示させたい場合は、それらのアイコンを同じ場所にコピーし下記のようにリネーム(ファイル名に「32」を追加)してください。ただし、その場合は縮小表示されるためアイコンがつぶれて表示されます。
例:「□□□.gif」→「□□□32.gif」

背景が真っ白で「データ処理中です、少々お待ち下さい。 」とだけ表示されたままになる。
pcyp2の表示メニュー→"YP風表示"→"ナビゲート"→"テンポラリファイルをナビゲート"を選択した後、ヘルプメニュー→"templatesを再読み込み"を選択して下さい。
スクリプトエラーが表示され、その後にチャンネル一覧が表示されなくなる。
デバッグモードを無効にした後、pcyp2を再起動してください。

 

■あとがき

このテーマについての要望・不具合・ご意見などは当ブログのコメントへお願いします。

このテーマによって発生した損害や問題などについて当方は一切責任を持ちません。

このテーマの改良およびテーマファイルの配布・転載は自己責任にてご自由にどうぞ。

posted by ぴあすき at 22:10| ヘルプ | このブログの読者になる | 更新情報をチェックする

マニュアル

チャンネル詳細表示対応 pcyp2用テーマ - info & simple
軽量版 pcyp2用テーマ - lite
http://peercast-theme.seesaa.net/

■はじめに

pcyp2の「YP風表示」で表示されるページの見た目をカスタマイズするテーマ(スキン)です。

pcyp2でチャンネル詳細表示機能が削除されたため、テーマ側で表示させようと思いなんとなく作成してみました。pcyp2 ver.2.0.0.157に付属のテンプレートをベースとし、なるべくCSSでスタイル設定するよう記述しています。

▼必要動作環境

  • pcyp2 Ver2.0.0.157以降
  • Windows InternetExplorer 6.0以降

pcyp2 Ver2.0.0.157未満ではテーマ側からCookieが利用できないため正しく動作しません。
IEのバージョンによりテーマの見た目が異なる場合もありますので、IE7がインストールされている環境を推奨します。また、IE5.5でも動作しますが、一部の表示が大きく崩れるため未対応とします。

軽量化および機能追加のためJavaScriptを使用しています。IE側でJavaScriptを無効にしている場合は、IEのオプション→"セキュリティ"→"アクティブ スクリプト"を有効にしてください。

posted by ぴあすき at 22:05| ヘルプ | このブログの読者になる | 更新情報をチェックする

主な特徴 - info & simple

■主な特徴

  • チャンネルごとの情報を記載したチャンネル詳細欄を表示できます。

 → 

  • チャンネル名のリンクをクリックしてpcyp2内にWebページを表示できます。

 → 

  • 「通知・順位・リスナー/リレー数・チャット/統計アイコン」などの項目を個別に表示するかどうか選択できます。

 → 

  • KPのバナナ/キャス子アイコンおよびユーザーが別途用意したキャス子アイコンの表示に対応。

  • 文字色を指定したお気に入りの場合、指定した文字色をチャンネル名のみに適応します。また、ほかのチャンネルよりも上部に表示させることもできます。

  • 設定ファイルに記述したリンクを簡易ブックマークとしてpcyp2内に任意のWebサイトを表示させることができます。

 → 

 

▼画面構成

 

▼simpleテーマとinfoテーマの相違点

simpleテーマとinfoテーマでは以下の点が異なります。ほかの点については基本的に同じです。

 

  simple info
チャンネルテーブルの行数 1行 1行〜複数行
キャス子/バナナアイコンの大きさ 文字の大きさに合わせる デフォルト
詳細など(※1)の表示位置 チャンネル名の右側 右側または下へ改行表示
詳細など(※1)の折り返し表示 折り返さない(※2) 折り返す
2つの項目を1つの列にまとめて表示 不可 対応(テーマ設定から選択)

※1:詳細(ジャンル)のほかにPlaying・コメントを含む。
※2:表示しきれない部分はツールチップから参照することができます。

posted by ぴあすき at 22:04| ヘルプ | このブログの読者になる | 更新情報をチェックする

インストール&設定 - info & simple

■インストール

  1. ダウンロードしたテーマファイル(.zip)を開き、すべてのフォルダをpcyp2のテンプレートフォルダ(例:「C:\Program Files\pcyp\templates」)へコピーする。
    (コピー後の例:「C:\Program Files\pcyp\templates\info」「C:\Program Files\pcyp\templates\simple」)
  2. pcyp2の表示メニュー→"YP風表示"→"ナビゲート"→"テンポラリファイルをナビゲート"を選択する。
  3. pcyp2の表示メニュー→"テーマ変更"を選択し、作成されたフォルダ名を記入。
    (例:info または simple)

※ フォルダ名(info・simple)は自由に変更して構いません。
※ アイコンなどの画像はデフォルトのテンプレートで使用している画像フォルダ内のもの(例:「C:\Program Files\pcyp\templates\images」)を使用します。設定ファイルから設定することで、複数用意した画像フォルダを画像セットとして切り替えるようなことも可能です。

 

■設定

CSSファイル(info.css / simple.css)および設定ファイル(setting.js)をテキストエディタなどで開いて編集することで、以下のような項目を変更することができます。

▼CSSファイルで変更できる主な項目

  • 全体/列/項目のフォントデザイン(フォントの種類/大きさ/文字色など)
  • テーブルヘッダ/フッタのフォントデザイン
  • チャンネルのデフォルト背景色
  • チャンネル詳細欄に表示する項目
  • キャス子/バナナアイコンの大きさ
  • チャンネル名の幅(simpleのみ)
  • チャンネル更新時に詳細・Playing・コメントが変更された場合の文字色

▼設定ファイルで変更できる主な項目

  • チャンネルテーブルに表示する列(※)
  • チャンネル名の右側に表示する項目(simpleのみ)(※)
  • 表示する項目の選択(infoのみ)(※)
  • 詳細欄に表示する各種URLの形式(※)
  • キャス子/バナナアイコンの表示/非表示(※)
  • 文字色を指定しているお気に入りを上部に表示(※)
  • チャンネルのデフォルト文字色
  • 表示するYPの名称

上記の※マークが記載されている項目は、テーマ設定欄より変更することができます。

CSSファイルや設定ファイルを編集した場合は、チャンネル情報を更新するか、pcyp2のヘルプメニュー→「templatesを再読み込み」を実行することで編集したテーマが反映されます。

▼ユーザーが用意した設定ファイルについて

「info.css/simple.css・setting.js」をユーザーの好みに合わせて編集しても、テーマのバージョンアップ時に誤って上書きしてしまい今まで編集してきた内容が破棄されてしまう場合があります。

そこで「user.css・user.js」を同じフォルダに作成して編集することで、それらを「info.css/simple.css・setting.js」の代わりにすることができます。「user.css・user.js」はアーカイブには含まれていません。

「info.css/simple.css・setting.js」から編集したい部分をコピーし「user.css・user.js」にペーストしてから編集することで、テーマのバージョンアップ時でも破棄せずに済みます。

「info.css/simple.css・setting.js」と「user.css・user.js」に同じ項目が記述されている場合は「user.css・user.js」の内容を優先させて反映します。

posted by ぴあすき at 22:03| ヘルプ | このブログの読者になる | 更新情報をチェックする

よくある質問 - info & simple

■よくある質問

pcyp2を起動したとき「YP風表示」ウインドウ内が真っ白でチャンネルが表示されない。
pcyp2 Ver2.0.0.160以降の仕様(不具合?)により、表示メニューの"YP風表示"→”ナビゲート”→"テンポラリファイルをナビゲート"を選択していて、かつpcyp2起動時のチャンネル情報を取得する際に「YP風表示」が選択されている場合、使用しているテーマに限らず上記の現象が起きます。この状態になった場合は1度テーマを変更することで正しく表示されるようになります。 なお、pcyp2終了時(もしくは起動時のチャンネル情報を取得する前)に「放送中」もしくは「放送終了」を選択しておき、pcyp2起動時のチャンネル情報取得後(ステータスバーの左側にカウントダウン表示された後)に「YP風表示」を選択することで、上記の現象を暫定的に回避することができます。
チャンネルをソートさせようとすると「リストのインデックスが範囲を超えています」とエラーが表示されてしまう。
pcyp2の"設定"→"列"からそのソートさせたい項目を”表示する列”へ追加してください。  (例:チャンネル名, 詳細, Playing, ビットレート, ハッシュ, YpAddr, 配信時間など)
チャットURLや統計URLを開いても正しく表示されない。
KPなどでは配信者側がチャットURLを設定したり統計を公開している場合にのみ正しく表示されます。現時点ではその情報をテーマ側から判断することはできないため、すべてのチャンネルでチャットURLおよび統計URLをクリックできるようにしています。YP・VPのチャットや統計が正しく表示されない場合は、pcyp2の”設定”→”YP”にある「チャットURL等をYP互換にする」のチェックボックスをチェックしてください。また、ランクやビットレートをクリックしたときに表示されるコンテキストメニューからはpcyp2オリジナルの(テーマ側で修正していない)URLを開くため、正しく表示されない場合があります。
KPのチャンネルにバナナアイコンや配信者によるカスタムアイコンなどが表示されない。
KPの仕様によりローカルのアイコンを表示するかリモート(ネット上)のアイコンを表示するかの二通りの方法があります。ネットから取得した画像を表示したい場合はpcyp2設定でKPのURL欄の最後に「ex/」を追加してください。この場合、KP側や配信者側が提供しているアイコンを画像フォルダに入れておく必要はありません。
テーマ設定の「OK」ボタンを押すとエラー表示またはページが真っ白になる。
テーマ設定の「OK」ボタンを押しても変更した設定が反映されない。
pcyp2の表示メニュー→"YP風表示"→"ナビゲート"→"テンポラリファイルをナビゲート"を選択した後、ヘルプメニュー→"templatesを再読み込み"を選択して下さい。 また、これでも正しく動作しない場合はCookieが破損している可能性がありますので、pcyp2を終了した状態でIEのインターネットオプションからCookieを削除してください。使用しているCookie名は「info/」および「simple/」です。
このテーマを用いると表示されないチャンネルがある。
仕様上、チャンネル名・詳細・Playing・コメントなどに半角記号の「"」(ダブルクオーテーション)が使用されている場合はスクリプトエラーとなってしまうため、そのチャンネルは2回目以降のチャンネル情報更新時に表示されなくなります。 ※半角記号のダブルクオーテーションを使用している配信者の方は、お手数ですが全角記号の「”」もしくは半角/全角記号の「’」(アポストロフィー)などに置き換えて頂けると当テーマでも正しく表示されます。
スクリプトエラーが表示され、その後にチャンネル一覧が表示されなくなる。
デバッグモードを無効にした後、pcyp2を再起動してください。
オーバーレイ表示した掲示板などのWebサイトに文章を入力できない
pcyp2の入力関連の仕様が特殊なためか、日本語が入力できなかったり一部のキーを文章の入力および編集に使用することができません。
posted by ぴあすき at 22:01| ヘルプ | このブログの読者になる | 更新情報をチェックする

あとがき - info & simple

■あとがき

当マニュアルに記載された内容はテーマのバージョンアップなどの仕様変更により変更されたり放置されたままになる場合があります。

細かく動作チェックをしているわけではありませんので、特定の動作を行ったときにスクリプトエラーが繰り返し表示される場合(デバッグモード有効時)、具体的に行った操作を当サイトのコメントなどへ書き込んで頂けると助かります。

オーバーレイ表示にはThickBoxスクリプトを利用しています。
ThickBox
http://jquery.com/demo/thickbox/

このテーマによって発生した損害や問題などについて当方は一切責任を持ちません。
このテーマの改良およびテーマファイルの配布・転載は自己責任にてご自由にどうぞ。

posted by ぴあすき at 22:00| ヘルプ | このブログの読者になる | 更新情報をチェックする

更新履歴 - Standardテーマ

●2007/04/20

▼Standard

  • 当ブログの最新記事タイトルをヘルプ内へ表示するようにしました。
    • Google AJAX Feed APIを用いてRSSフィードを取得しています。
    • 新しい記事を取得した場合はヘルプボタンの右横に「New!」と表示されます。
  • そのほか、細かいところを調整/修正。

 

●2007/03/24

  • チャンネルにTIP(配信者IPアドレス)情報が付与されていない場合、再生する前に注意を表示するようにしました。
    • ストリームURLに「?tip=xxx.xxx.xxx.xxx」が無いチャンネルを再生するときダイアログボックスを表示します。
    • これは配信者側のポートを開いていないのが主な原因となります。詳細はPeerCastのヘルプやフォーラムなどを参照して下さい。
  • そのほか、細かいところを調整/修正。

 

●2007/03/17

  • ローカルのキャス子アイコンを表示する場合において、キャス子アイコン名に追加する文字列を設定ファイルから指定できるようにしました。
    • デフォルトでは「32」が指定されているため、「click32.gif」のように32が追加されたキャス子アイコンが表示されます。
    • ほかのテーマで利用していたキャス子アイコンをそのまま表示させたい場合は、その「32」の部分を削除することで、「click.gif」といったキャス子アイコンを表示します。

 

●2007/03/16

  • 正式版としてリリース。
  • リスナー/リレー数のツールチップに「現在表示しているチャンネルのみの合計リスナー数」を基準とした視聴率も追加しました。
    • V:「現在表示しているチャンネルのみの合計リスナー数」を基準とした視聴率
    • A:「全チャンネルの合計リスナー数」を基準とした視聴率
  • 設定ファイル(setting.js/user.js)で絞り込み表示に用いるジャンルの名称/条件を指定できるようにしました。
    • デフォルトで登録してある4つのジャンル以外にも自由に追加できます。
  • そのほか、細かいところを調整/修正。

 

●2007/03/09

  • テスト版その2として公開。
  • ヘッダにあるボタンからお気に入りチャンネルの表示を切り替えることができるようにしました。
    • 以下のようにお気に入り表示モードを切り替えられます。
      • お気に入りのみ表示:文字色および背景色を指定したお気に入りチャンネルのみを表示。
      • 新着/更新 & お気に入りのみを表示:通知が「新着/新着(前回)/Change」のチャンネルとお気に入りチャンネルのみを表示。
      • デフォルト表示:この絞り込み表示機能は用いずに、通常通りすべてのチャンネルを表示。
    • 詳細表示モードとは異なり、pcyp2起動時でも前回終了時に指定していたお気に入り表示モードで表示します。
  • 設定ファイルにてイエローページの名称・URL・背景色・アイコン・フォルダを指定できるようにしました。
    • 名称(name)は絞り込み表示ができる「イエローページ」リストボックス内や、イエローページ列のアイコンにマウスカーソルを重ねたときのツールチップで表示します。
    • URL(url)はpcyp2で設定しているURLの一部を判定用として指定します。ほかのイエローページURLに含まれない文字列を指定してください。
    • 背景色(bg)はイエローページごとに背景色を表示させる場合に指定します。省略可。お気に入りで設定している背景色のほうを優先します。
    • アイコン(icon)はイエローページ列に16×16pxで表示されます。指定しない場合はイエローページWebサイトのFavicon(ルートのfavicon.ico)を表示します。
    • フォルダ(folder)はデフォルト以外のユーザーが別途用意したキャス子アイコンを表示させる場合にその画像セットが入っているフォルダ名を指定することで、イエローページごとに別々のキャス子アイコンを表示できます。
      • ローカルではなく、ネット上のキャス子アイコンを参照するイエローページの場合はフォルダを指定していても適用されません。
  • pcyp2を起動してStandardテーマを表示したとき、以前設定していた詳細表示モードにかかわらず詳細表示モードをデフォルトとするようにしました。
    • 前回終了時に詳細表示モードを「アップデート」または「シンプル」にしていた場合、起動時には自動的に「デフォルト」となります。
  • リスナー/リレー数のツールチップに視聴率を表示するようにしました。
    • 取得した全イエローページの合計リスナー数を基準としており、取得するイエローページ数やタイプがユーザーによって違うため、表示される視聴率はユーザーによって異なります。
  • そのほか、細かいところを調整/修正。

 

●2007/02/25

  • ブログにてテスト版を初公開。

(以下は主な新機能です)

  • ヘッダにあるボタンから各チャンネルの「詳細/Playing/コメント」表示を切り替えることができるようにしました。
    • 以下のように詳細表示モードを切り替えられます。
      • デフォルト:全チャンネルの「詳細/Playing/コメント」を表示します。
      • アップデート:新着/更新チャンネルのみ「詳細/Playing/コメント」を表示します。
      • シンプル:全チャンネルの「詳細/Playing/コメント」を非表示にします。
  • フッタ右側のリザルト表示を現在Standardテーマが表示しているチャンネルのみのチャンネル/リスナー/リレー合計数としました。
    • このリザルト表示をダブルクリックすることでpcyp2側で取得した全イエローページのチャンネル/リスナー/リレー合計数表示と切り替えます。
    • ツールチップにはもう片方のチャンネル/リスナー/リレー合計数が表示されます。
posted by ぴあすき at 07:03| 更新履歴 | このブログの読者になる | 更新情報をチェックする

更新履歴 - 2007

●2007/02/03

▼info

  • リスナー/リレーまたは配信時間を表示している場合、ビットレートの値をその列で表示するようにして、ビットレートを表示していた列は非表示できるようにしました。
    • テーマ設定欄の「ビットレートを隣りの列に表示」で変更できます。
    • リスナー/リレー列および配信時間列ともに非表示の場合は上記にチェックしてもビットレート列は非表示されません。

▼共通

  • そのほか、細かいところを調整/修正。

 

●2007/01/21

▼lite

  • イエローページ別およびタイプ別に絞り込み表示できるようにしました。
    • ヘッダにある「<EKXY>」のリンクをクリックすることでイエローページの表示を切り替えます。
    • ヘッダにある「<va>」のリンクをクリックすることでタイプの表示を切り替えます。
    • 「<」のリンクはすべてのイエローページ/タイプを表示、「>」のリンクはそのほかのイエローページ/タイプを表示します。
    • 設定ファイル(setting.js/user.js)の文字列「sViewYp」「sViewType」を変更することで、指定したイエローページ/タイプに自動で絞り込み表示させることが可能です。
    • 前回の状態を記憶しておくinfo/simpleテーマとは異なり、チャンネルを更新したりテーマを再読み込みすると上記「sViewYp」「sViewType」で指定された表示に戻ります。
    • テーブルレイアウト版liteテーマ(table-layout.zip)にこの絞り込み表示機能は実装していません。
  • ほかのよりも上部に表示するよう設定していたお気に入り/新着チャンネルが表示されない不具合を修正。

▼共通

  • そのほか、細かいところを調整/修正。

 

●2007/01/19

▼info & simple

  • ヘッダにドロップダウンメニュー(ポップアップメニュー)を追加しました。
    • ページ左上の「メニュー」にマウスカーソルを重ねるとメニューが表示されます。
    • 今まで表示していた「軽量」「設定」や拡張バー内の軽量設定などをメニュー内に取り込みました。
    • 拡張バー内に追加表示することができた”任意のWebサイトへのリンクを表示する機能”は不必要と判断し削除しました。また、「検索クリア」は正しく機能しないため削除しました。
      • 「user.js」にリンク(配列:aLink)を追記している場合は使用しませんので削除しておいて下さい。
  • 簡単に編集できるよう、メニュー→"ヘルプ"→"ファイルを開く"に設定ファイル/CSSファイルへのリンクを追加しました。
    • それぞれのファイルをダウンロードするのと同じ動作なので、拡張子「.js」「.css」をテキストエディタなどに割り当てていない場合は直接編集することはできません。
    • 設定ファイルを開く際は「セキュリティの警告」ダイアログウインドウが表示される場合があります。また、OSおよびIEの設定により開くことができない場合があります。
    • 「user.js」および「user.css」をテンプレートフォルダに作成していない場合はメニューから選択しても開くことはできません。
  • メニュー→"表示"→"文字サイズ"から全体の文字サイズを変更できるようにしました。
    • 文字の大きさを10%ずつ大きく/小さくすることができます。
    • 「標準サイズ」を選択した場合は全体の文字サイズを90%に戻します。
    • 設定ファイル(setting.js/user.js)の「bBodySize」が「false」の場合は、今まで通りCSS側で指定したフォントサイズが適用されます。
    • 文字サイズを大きくしすぎたり小さくしすぎてテーマのメニューから文字サイズを変更するのが困難な場合は、設定ファイルの「bBodySize」を「false」にしてからテーマを再読み込みし、メニューの文字サイズから「標準サイズ」を1度クリックした後、「bBodySize」を「true」に戻してテーマを再読み込みすることで、文字サイズを元の大きさに戻すことが可能です。
  • ヘッダの右端にpcyp2のツールバーを一時的に表示/非表示するアイコンを追加。
    • 非表示にしたままpcyp2を終了した場合でも次回起動時には表示されます。
  • IE6.x用およびIE5.x用のスタイルシートを参照するようにしました。

▼共通

  • テーマ設定で上部に表示する設定にしている場合のチャンネル表示順を、上から「お気に入り→新着→そのほか」に変更しました。
  • そのほか、細かいところを調整/修正。
posted by ぴあすき at 07:01| 更新履歴 | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。