「ゆかり」anison.info検索機能拡張

なんでみんな別の曲リストを使いたがるんだろう。。。
anison.info検索の不具合を長い間放置したからに違いない。

ということでanison.info検索の機能拡張と不具合修正をしてみた。

年度・ジャンル指定検索

面倒そうだったから機能を省略していた年度・ジャンル指定検索を追加してみた。
曲名でも効くけど使う機会は作品名検索だと思われる。(人物・製作は指定しても無意味)

とりあえず、

検索ワードを空欄のまま年を指定して検索すると
2016年の作品(関連作も含むらしい)作品が全部出てきます。

作品名を選ぶとその作品の曲名一覧が出てきてそこから予約までできるのは今まで通り。

2016年全部では出過ぎだと思ったら、
さらにジャンルも「アニメーション」として追加すると

アニメだけピックアップされます。

これを表示した状態の上のURLを使えば、トップページメッセージにここへのリンクを貼ることができます。
例えば2016年アニメなら

<a href=”search_anisoninfo_list.php?m=pro&q=&year=2016&genre=anime” > 2016年アニメ </a>

とでも書いておけば行けます。

検索結果大量の曲名対応

ありがちな単語が曲名になっていると、関係ない曲が大量に検索結果の件数としてカウントされて使えない問題

たとえば「あい」とかで検索すると「I」というアルファベット1文字で検索されて件数が膨大になってしまう。

ということで、検索結果が多すぎるときは、歌手名、作品名と一緒に検索した結果も追加で表示するようにした。


ありがちな単語の曲でも多少は絞り込めるかな?

曲名のダメ文字対応

曲名に特定の文字が含まれていると検索結果が出てこない不具合を修正

たとえば曲名に/(半角スラッシュ)とか:(半角コロン)とかが含まれるとまず検索結果に出てこなかったり、
!(びっくりマーク)とかが曲名にあると、全角で書いたり半角で書いたりされて検索結果に出なくなったりしていたものを修正した。(ビックリマークは全角にしていてくれた方がPCの安全動作的にやさしいんだ)

使い方の例

というわけで、現状一部にしか浸透していない(使っているところはこれしか使わないみたいだけど)
anison.info予約の流れを書いておく

とりあえず、2016年のなにかアニメソングを歌いたいなーと思うので2016年のジャンルアニメ指定で検索

2016年のアニメ作品名が50タイトルずつ表示されるので、探しながら「次の50件」とか押していく。
ラブライブ!サンシャイン!!を見つけたので入れてみる。



ラブライブ!サンシャイン!!の曲リストが出てきたので、「青空Jumping Heart」を選んでみる。
(開発環境でサンプル作っているのでほとんど動画ないんだ。。。。)

すると、「青空Jumping Heart」の検索結果が出る。(今回1つしか出ないけど、曲名が別の曲の曲名に含まれたりするとそれも見つかるので、ファイル名確認のこと)

あとはいつも通りリクエストを押して

リクエスト予約しちゃってください。

No Comments

「ゆかり」外部曲リスト対応

縛りオフ用の曲リストを簡単に呼び出せるように、外部曲リストを使う方法をいくつか実装してみた。
3通りの実装方法を作ってみたので先に作ったものから説明していく。

1.JSON方式

曲リストを「ゆかり」内部でフルコントロールするために、JSON形式で曲リストを書きます。

例)

{   "title": "ラブライブ!サンシャイン!!曲一覧",   "category": [     {       "name": "1stシングル「君のこころは輝いているかい?」",       "song": [         {           "title": "君のこころは輝いてるかい?",           "artist": "Aqours",           "songinfo": [             "作詞:畑 亜貴 作曲:光増ハジメ 編曲:EFFY",             "2015年10月7日発売",             "Aqoursのデビューシングル"           ],           "file": [             {               "kind": "動画",               "filename": "【ニコカラHD】君のこころは輝いてるかい?・改【ラブライブ!】_OnOff.mp4",               "flags": [                 "Movie",                 "OnVocal",                 "OffVocal"               ]             },             {               "kind": "動画",               "filename": "[Aqours]君のこころは輝いてるかい?_ラブライブ!サンシャイン!!_Live映像_Live-OffVocal-CD音源切替_(音源タイミング修正).mp4",               "flags": [                 "Movie",                 "OnVocal",                 "OffVocal",                 "Live映像"               ]             }           ]         },         {           "title": "Step! ZERO to ONE",           "artist": "Aqours",           "songinfo": [             "作詞:畑 亜貴 作曲・編曲:高田暁",             "2015年10月7日発売",             "君のこころは輝いてるかい? C/W"           ],           "file": [             {               "kind": "動画",               "filename": "[Aqours]Step! ZERO to ONE_ラブライブ!サンシャイン!!_Live映像_Live-CD音源切替.mp4",               "flags": [                 "Movie",                 "Live音源",                 "OffVocal",                 "OnVocal",                 "Live映像"               ]             }           ]         },         {           "title": "Aqours☆HEROES",           "artist": "Aqours",           "songinfo": [             "作詞:畑 亜貴 作曲・編曲:渡辺和紀",             "2015年10月7日発売",             "君のこころは輝いてるかい? C/W"           ],           "file": [             {               "kind": "動画",               "filename": "[Aqours]Aqours☆HEROES_ラブライブ!サンシャイン!!_Live映像_Live-CD音源切替.mp4",               "flags": [                 "Movie",                 "Live音源",                 "OffVocal",                 "OnVocal",                 "Live映像"               ]             }           ]         }       ]     },     {       "name": "青空Jumping Heart",       "song": [         {           "title": "青空Jumping Heart",           "artist": "Aqours",           "songinfo": [             "作詞:畑 亜貴 作曲:伊藤賢、光増ハジメ 編曲:EFFY",             "2016年7月20日",             "アニメ「ラブライブ!サンシャイン!!」第1期オープニングテーマ"           ],           "file": [             {               "kind": "動画",               "filename": "[Aqours]青空Jumping Heart_ラブライブ!サンシャイン!!アニメOP_OnOffr3.mp4",               "flags": [                 "Movie",                 "OnVocal",                 "OffVocal"               ]             }           ]         },         {           "title": "ハミングフレンド",           "artist": "Aqours",           "songinfo": [             "作詞:畑 亜貴 作曲:桑原聖 (Arte Refact) 編曲:酒井拓也 (Arte Refact)",             "2016年7月20日",             "青空Jumping Heart C/W"           ],           "file": [             {               "kind": "動画",               "filename": "[Aqours]ハミングフレンド._ラブライブ!サンシャイン!!【Live映像】_OnOff.mp4",               "flags": [                 "Movie",                 "OnVocal",                 "OffVocal",                 "Live映像"               ]             }           ]         }       ]     }   ] }

こんな風なテキストファイルを用意する。メモ帳で書くと泣きそうになるので JSON editor (例えばここ) とかで編集する。
これを「c:\xampp\htdocs\llss_mini.json」
として保存し、※要文字コードUTF-8形式
http://<ゆかりのIP>/limitlist.php?data=llss_mini.json
にアクセスすると
このようなリストが表示され、
青や緑のアイコンやファイル名が書いてある枠を押すことでリクエストまで飛べるようになっている。
また、設定画面で、
と設定しておくと、
上部メニューのいろいろ検索のなかに
もリストに入るための項目が表示されるようになる。

この方式が、リストの見やすさやボタンの押しやすさなどのユーザー操作性や、メニュー対応やカラオケ配信リクエスト、BGVリクエストなどに対応し、一番操作する側にとってやりやすいものになっています。
ただ、リストのJSON形式のテキストを作るのが大変なのが。。。。JSON Editorになれるとそこそこ楽に作れます。

2. 外部Webサーバー方式

トップページメッセージのついでにできるようにした、外部のWebサーバー(まあゆかり上のhtdocsの中のどこかでもいいんだけど)にゆかりに戻ってくるリンクを自力で作ってくる方式
「トップページメッセージの説明からコピペ」

  • トップ画面メッセージの応用

TOPページメッセージに自ホスト名置換文字列機能
・TOPページメッセージに#yukarihost#と書いておくと「ゆかり」が動作しているホスト名に置換。
リンク先にGET Methodでホスト名を渡したい時などに使えます。

たとえばサンプルとして

<?php

$songlist[] = array( 'kind' => 'movie', 'title' => '君の心は輝いているかい?' , 'filename'=>'[Aqours]君のこころは輝いてるかい?_ラブライブ!サンシャイン!!_Live映像_Live-OffVocal-CD音源切替.mp4', 'desc' => '歌 : Aqours, ラブライブ!サンシャイン!!1stシングル' );
$songlist[] = array( 'kind' => 'movie', 'title' => 'Step Zero to One' ,'filename'=>'[Aqours]Step! ZERO to ONE_ラブライブ!サンシャイン!!_Live映像_CD音源切替.mp4', 'desc' => '歌 : Aqours, 君の心は輝いているかい?カップリング' );
$songlist[] = array( 'kind' => 'movie', 'title' => 'Aqours☆HEROES' ,'filename'=>'(仮作成)[Aqours]Aqours☆HEROES_ラブライブ!サンシャイン!!_Live映像_Live-CD音源切替.mp4', 'desc' => '歌 : Aqours, 君の心は輝いているかい?カップリング' );
$songlist[] = array( 'kind' => 'movie', 'title' => '恋になりたいAQUARIUM' ,'filename'=>'【ニコカラHD】恋になりたいAQUARIUM【ラブライブ!サンシャイン!!】Off Vocal.mp4', 'desc' => '歌 : Aqours, ラブライブ!サンシャイン!!2ndシングル' );
$songlist[] = array( 'kind' => 'movie', 'title' => '青空Jumping Heart' , 'filename'=>'[Aqours]青空Jumping Heart_ラブライブ!サンシャイン!!アニメOP_OnOffr3.mp4','desc' => '歌 : Aqours, ラブライブ!サンシャイン!!アニメ第1期オープニング' );
$songlist[] = array( 'kind' => 'haisin', 'title' => 'ハミングフレンド' , 'filename'=>'', 'desc' => '【配信】歌 : Aqours, 青空JumpingHeartカップリング' );

$alllist = array( 'itemname' => 'ラブライブ!サンシャイン!!' , 'songs' => $songlist);

$yukarihost = 'localhost';

if(array_key_exists("yukarihost", $_REQUEST)) {
    $yukarihost = $_REQUEST["yukarihost"];
}

$yukarisearchlink='http://'.$yukarihost.'/search.php?searchword=';
$yukariconfirmlink='http://'.$yukarihost.'/request_confirm.php?shop_karaoke=1';
http://localhost/request_confirm.php?shop_karaoke=1

?>

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>ラブライブ!サンシャイン!!曲リスト</title>
  <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
  <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
  <![endif]-->
</head>
 
<body>
<?php
foreach($alllist as  $key => $value){
    if($key === 'itemname' ){
        print '<h1>'.$value.'</h1>';
    }else if($key === 'songs' ){
        foreach($value as $songinfo){
             print '<div class="bg-info">';
             if($songinfo['kind'] == 'movie'){
               print '<h2 class="bg-primary">'.$songinfo['title'].'</h2>';
               $link = $yukarisearchlink.$songinfo['filename'];
               print '<p><a href="'.$link.'" class="btn btn-default" > この曲を予約 </a></p>';
               print '<p>'.$songinfo['desc'].'</p>';
             }else if($songinfo['kind'] == 'haisin' ){
               print '<h2 class="bg-primary">'.$songinfo['title'].'</h2>';
               print '<p><a href="'. $yukariconfirmlink . '&filename='  .  $songinfo['title'] . '" class="btn btn-default"> この曲を配信で予約 </a></p>';
               print '<p>'.$songinfo['desc'].'</p>';
             }
             print '</div>';
        }
    }
}

?>

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</body>
</html>

https://t.co/iZYGCGqZXL < 実物はこちらからダウンロード可能

のようなものを作ってどこかのWebサーバーかゆかり動作PCの「c:\xampp\htdocs\」以下のどこか置いておく。
今回はllsonglist.phpという名前にしている。

トップ画面メッセージの設定に、さっきのPHPを置いたWebサーバへのリンクをこんな風に設定する。

トップページに、リンクが表示されるのでそちらをクリック

リンク先はこうなっている(こうなるように作った)

ここで例えば青空Jumping Heartの「この曲を予約」ボタンを押すと その曲の検索結果が表示(フルファイル名で検索しているので1つだけ見つかる)されるので以降、いつも通り予約できます。

llsonglist.phpの

$songlist[] = array( 'kind' => 'movie', 'title' => '君の心は輝いているかい?' , 'filename'=>'[Aqours]君のこころは輝いてるかい?_ラブライブ!サンシャイン!!_Live映像_Live-OffVocal-CD音源切替.mp4', 'desc' => '歌 : Aqours, ラブライブ!サンシャイン!!1stシングル' );

の行を増やせばどんどんリストを増やせるし、htmlを頑張れば見やすい画面にできるので、リスト作成の手間はちょっとは楽になる。
ゆかり側ではほとんど何もしない他人任せリスト機能だったりする。

3. 固定HTML方式

外部Webサーバー方式では、多少内部処理を行うものを作らないといけなかったけど、
完全に固定のHTMLのリストでゆかりのリクエスト用の画面に戻ってくる方式。

なんでもいいのでURLから外部のHTMLを取得。
TDタグの中が動画ファイルの拡張子で終わっているものをゆかりの検索結果かリクエスト確認画面へのリンクに変える

特定のフォルダの中のファイル一覧をHTML化するには
「FileInfoList」 http://njp.la.coocan.jp/software/fil/index.html
というソフトが使えます。

引数
listurl : リストのあるURL.相対パスでも絶対パスでもhttp://からはじまるフルパスでもいいはず
backconfirm : 戻り先を検索結果ページにするか、リクエスト確認ページにするか
1 : リクエスト確認ページに戻る。(リストのファイル名のファイルがなかった時の動作は保証できない(再生時スキップするはず)
1以外(もしくは無指定) : ファイル検索結果ページに戻る
listurlをリンクで記載する場合は URLendodeすること推奨 (http://urlencode.net/ 等を使って)

指定例 「c:\xampp\htdocs\list\2017年秋アニメ.html」をトップページメニューで指定する場合
http://urlencode.net/ にて
「list/2017年秋アニメ.html」

「list%2F2017%94N%8FH%83A%83j%83%81.html」
とエンコードされるので

トップページメッセージなどに
<a href=”list3replace.php?listurl=list%2F2017%94N%8FH%83A%83j%83%81.html&backconfirm=0″ > 2017年秋アニメ </a>
と書けば、ファイル名が検索結果ページに戻ってくるリンクに変わる。
<a href=”list3replace.php?listurl=list%2F2017%94N%8FH%83A%83j%83%81.html&backconfirm=1″ > 2017年秋アニメ </a>
と書けば、ファイル名が検索結果ページに戻ってくるリンクに変わる。

例)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="GENERATOR" content="FileInfoList 1.6.0.0">
<style type="text/css">
</style>
    <title></title>
</head>
<body>
    <div class="alignC">
        <p class="header"></p>
        <table border="1" align="center" summary="FileList">
            <tr class="header_background_color"><th class="header_nowrap" abbr="ファイル名">名前</th></tr>
            <tr><td class="item_nowrap partition_background_color">ラブライブ!</td></tr>
            <tr><td class="item_nowrap">[μ’s]WonderFul Rush_ラブライブ!μ’s5thシングル_OnOff.mp4</td></tr>
            <tr><td class="item_nowrap">Snow halation_ラブライブμ’s2ndシングル_(OnVocal、OffVocal、2.5次元切替)_HD音源.mp4</td></tr>
            <tr><td class="item_nowrap partition_background_color">ラブライブ!サンシャイン!!</td></tr>
            <tr><td class="item_nowrap">[Aqours]君のこころは輝いてるかい?_ラブライブ!サンシャイン!!_Live映像_Live-OffVocal-CD音源切替.mp4</td></tr>
            <tr><td class="item_nowrap">[Aqours]青空Jumping Heart_ラブライブ!サンシャイン!!アニメOP_OnOffr3.mp4</td></tr>
        </table>
    </div>
</body>
</html>

このようなHTMLファイルを作成し、「c:\xampp\htdocs\list\ラブライブ!リスト.html 」というファイル名で保存する。

http://urlencode.net/  サイトで
「list/ラブライブ!リスト.html」 は、「list%2F%83%89%83u%83%89%83C%83u%81I%83%8A%83X%83g.html」となることを確認
(※\を/に書き換えていることに注意)

設定画面のトップページメッセージに

<center>
<p> <a href="list3replace.php?listurl=list%2F%83%89%83u%83%89%83C%83u%81I%83%8A%83X%83g.html&backconfirm=0" > ラブライブ!シリーズ曲リスト </a></p>
</center>

と設定してみる。
トップページにリストへのリンクが現れ、
リンクの先に、リストが表示される。
たとえばここで、「青空Jumping Heart」のファイル名を押すと、
検索結果画面に移動して、以降いつもと同じように予約できる。

また、
設定画面のトップページメッセージに

<center>
<p> <a href="list3replace.php?listurl=list%2F%83%89%83u%83%89%83C%83u%81I%83%8A%83X%83g.html&backconfirm=1" > ラブライブ!シリーズ曲リスト </a></p>
</center>

と「backconfirm=1」として設定してみると、
同じようなリストの画面から、「君のこころは輝いてるかい?」のファイル名を押すと、
リクエスト確認画面に直接飛ぶようになる。(ファイルがなくてもリクエストできてしまうので、ファイルがないと再生しようとした際スキップされることになります。)
今後のサポート予定
・td以外のタグ( ddとか)対応
・HTML内にリンクがあった場合、その先でも使えるようにする
など、余裕があれば。。。

No Comments

「ゆかり」ビンゴ機能

某所でいつも開催されているカラオケビンゴ。結果の確認が簡単にできないかなーと思って作ったこの機能。

仕様

ビンゴ番号を解放する条件を適度な数準備しておき、
歌われた曲が解放条件に合っていたらその番号を解放、
歌い始めた(再生中になった)以降、結果として表示される。

使い方

準備編

  1.  ビンゴの解放条件を適度な数準備する。
    ビンゴの数は75なので75個前後がいいが、多少多かったり少なかったりしても大丈夫
  2. 設定画面の中の「ビンゴ表示機能」を「使用する」に設定
  3. 設定画面の中の「ビンゴ項目入力画面」を押してビンゴ項目入力の画面に移動
  4. 1行に1条件書いたテキストファイルを「参照」で読み込むか、
    1行に1条件書いたテキストを「コピペで入力」以下のテキストエリアにペーストします。(Excelで書いた場合はExcelの列を立てに選択してコピペできます)
    (コピペで入力した例)
  5.  Submitボタンを押して登録完了

・条件が75個ちょうどの時は、bingoの番号と条件が1対1で対応します。
・条件が75個以下の場合は、条件にランダムに番号を割り振った後、再び条件の上の方から残った番号を割り振ります。
すなわち、1つの条件で複数の番号を開くことができるようになります。
・条件が75個より多い場合は、上から順に75個の番号を割り振った後、残った条件には再び1~75までの条件をランダムで割り振ります
すなわち、1つの番号を解放できる条件が複数あるということになります。出にくそうな条件を最初に書いておくと、別の条件でもその番号を解放できるかもという使い方になります。

ここまでが開始までの準備でした。

運用中編

設定画面に1度入るなどして管理者になっていると、
予約一覧の「リスト操作」の中に「ビンゴ入力」というメニューが現れます。

ビンゴ入力ボタンを押すと、「ビンゴ解放条件リスト 」画面に移動します。

ここで、先ほどビンゴ入力を選んだ曲に対応する条件の「open」ボタンを押します。


条件に対応した番号が解放されました。
この段階では、まだ曲が歌われていない「未再生」の状態では解放された番号は参加者が見ることはできません。
なので、未再生の曲の解放を先にしていって構いません。(ただし、毎回予約一覧の「ビンゴ入力」から入ることが必要)

予約一覧では再生されていない状態では、まだビンゴ番号は表示されませんが、

再生が始まると

ビンゴ番号が表示されるようになります。

次の曲が再生され始めても
もちろん、以前開放した番号の表示は残ります。

解放された番号はまとめてみることができて、上部メニューの中の「Help等」→「ビンゴ結果表示」

を押すと、

予約一覧と同様に、再生が始まった以降の解放したビンゴ番号が表示されます。

以上

 

No Comments

「ゆかり」トップページメッセージ機能

この機能を作ったときにtwitterで使い方をつぶやいたんだけど、探すのが大変になってきたので、まとめておこうと思います。

設定画面の○○画面○○メッセージの説明

予約一覧のページ (トップ画面メッセージの設定)と、
検索画面のページ(検索画面表示メッセージの設定)
で好きなメッセージや画像を表示することができます。

こんな風に設定すると

こんな風に、トップにメッセージを出せます。

検索トップページ用にも設定できて、 「インターネット上の画像」を指定してこんな風に書くと

こんな風に検索TOP画面にもメッセージが出せます。

先ほどはインターネット上の画像を使用しましたが、画像ファイルを
「C:\xampp\htdocs\」フォルダに置き(今回の例では「yukarifriends_logo.png」という画像を使用します)

「予約一覧(トップ)画面表示メッセージ」に以下のように設定すると
画像ファイルにはファイル名だけで指定することができ、

このように予約一覧の上の部分に画像とメッセージを貼ることができます。

表示メッセージ集の中での曲リストへ飛ばす方法

リンクでとんだ先で http://<ゆかり動作中のIPかホスト名>/search.php?searchword=<ファイル名か検索ワード> とかのリンクを作っておくと、特定の曲をリクエストできる画面に戻ってきたりできます。

HTML形式でなんでもかけるので、変に書いちゃうとトップページが表示されなくすることもできちゃうので注意

例えば、「list.html」というリストファイルを
c:\xampp\htdocs\

に置いたとすると、

<a href=”list.html” > リストはこちら </a>

と書くとそこへのリンクになります。

  • トップ画面メッセージの応用

TOPページメッセージに自ホスト名置換文字列機能
・TOPページメッセージに#yukarihost#と書いておくと「ゆかり」が動作しているホスト名に置換。
リンク先にGET Methodでホスト名を渡したい時などに使えます。

たとえばサンプルとして

https://t.co/iZYGCGqZXL

のようなものを作ってどこかのWebサーバーに置いておく。(置き場所はなければ、ゆかりをインストールしたhtdocs以下のフォルダにおいてもOK)

トップ画面メッセージの設定に、さっきのPHPを置いたWebサーバへのリンクをこんな風に設定する。

トップページに、リンクが表示されるのでそちらをクリック

リンク先はこうなっている(こうなるように作った)

ここで例えば青空Jumping Heartの「この曲を予約」ボタンを押すと その曲の検索結果が表示(フルファイル名で検索しているので1つだけ見つかる)されるので以降、いつも通り予約できます。

という外部プレイリストとして応用する例

また、anison.info 年別検索の応用で

<center>
<table class="table table-striped">
<caption>年代別作品名検索</caption>
<tbody>
<tr>
<th class="text-right">TVアニメ</th>
<td class="">
<div class="container-fluid" >
 <div class="col-xs-6 col-md-3">
 <a href="search_anisoninfo_list.php?m=pro&q=&year=2017&genre=tv" class="btn btn-primary btn-block "> <strong>2017年 </strong></a>
 </div>
 <div class="col-xs-6 col-md-3">
<a href="search_anisoninfo_list.php?m=pro&q=&year=2016&genre=tv" class="btn btn-primary btn-block col-md-2"> <strong>2016年 </strong></a>
 </div>
 <div class="col-xs-6 col-md-3">
<a href="search_anisoninfo_list.php?m=pro&q=&year=2015&genre=tv" class="btn btn-primary btn-block col-md-2"> <strong>2015年 </strong></a>
 </div>
 <div class="col-xs-6 col-md-3">
<a href="search_anisoninfo_list.php?m=pro&q=&year=2014&genre=tv" class="btn btn-primary btn-block col-md-2"> <strong>2014年 </strong></a>
 </div>
</div>
</td>
</tr>
<tr>
<th class="text-right">ゲーム</th>
<td>
<div class="container-fluid" >
 <div class="col-xs-6 col-md-3">
<a href="search_anisoninfo_list.php?m=pro&q=&year=2017&genre=game" class="btn btn-primary btn-block"> <strong>2017年 </strong></a>
 </div>
 <div class="col-xs-6 col-md-3">
<a href="search_anisoninfo_list.php?m=pro&q=&year=2016&genre=game" class="btn btn-primary btn-block"> <strong>2016年 </strong></a>
 </div>
 <div class="col-xs-6 col-md-3">
<a href="search_anisoninfo_list.php?m=pro&q=&year=2015&genre=game" class="btn btn-primary btn-block"> <strong>2015年 </strong></a>
 </div>
 <div class="col-xs-6 col-md-3">
<a href="search_anisoninfo_list.php?m=pro&q=&year=2014&genre=game" class="btn btn-primary btn-block"> <strong>2014年 </strong></a>
 </div>
</div>
</td>
</tr>
</tbody>
</table>
<p class="text-right"> これ以前の年代やほかのジャンルは「検索」の中ほど、<a href="search.php#searchanisoninfo">anison.info検索</a>からどうぞ </p>
</center>

と書くと、トップページに
年別の作品一覧からリクエストできるボタンを作成することができます。

SHINTAさん作のゆかりすたー 内蔵の動画検索画面へのリンクもこの機能を使用しています。ゆかりすたーの一覧表示は見やすいのでオススメです。
(設定内容は https://shinta.coresv.com/help/YukaListerNebula_JPN.html#YukarinoSettei を参照してください)

Posted 2017年2月17日

No Comments

「ゆかり」オンライン動作をプライベートIP回線でやる裏技

前回の「ゆかり」オンライン動作の説明では、グローバルIPを持つ回線が必要ということになっている。

データ契約のMVNOは短期解約しても解約金とられないところが多いので、グローバルIPがもらえる業者に気軽に契約しなおせば済むと思うんだけど、
とはいうものの、世の中のほとんどの回線業者はプライベートIPしかもらえないので、グローバルIPがもらえる業者と契約しなおす合間にでもプライベートIPでも「ゆかり」をオンライン動作させる方法を書いておきます。

前提

・ゆかりの通常セットアップが終わってすでにxamppが動作している状態
・プライベートIP経由でいいのでインターネットに接続されている状態(可能であればモバイルルーターかテザリングスマホとはWifiではなくUSBでネット接続したほうがいいです)

接続ツール

まず、ここからゆかりプライベートIPオンライン接続用のソフトをダウンロードします。
https://www.pcgame-r18.jp/owncloud/index.php/s/BHubCTxS1FCbBcU

ZIPファイルを解凍して、任意の実行フォルダにでも移動しておきます。(著者的にはそういうものはいつも「c:\progns\」においてます)

初回だけ「setup.bat」を実行します。

黒いコマンドプロンプト画面が現れて、

Store key in cache? (y/n)
と聞かれるのでyを入力してEnterを押します。

すると


login as:
と表示されるのでコマンドプロンプトの右上の×を押して終了させます。
【この作業は次回からは必要ありません】

次に、設定画面にて

ユーザー接続ポートに、接続用ポート番号を設定します。
下に割り当て表があるのでそちら範囲の数字を、
お試しなら「11090~11100」あたりを使用してください。

ユーザー接続ポートを入力して、その直下の「設定」を押して、

次にオンライン接続用ホスト名に反映されていることを確認して
その直下の「更新」を押す。

そして、プログラム起動停止の横の「起動」を押すと、
タスクバーにPCが斜めに2台並んだようなアイコンが現れます。
このアイコンが現れれば接続完了になります。

もし、このアイコンに赤い×が付いているとエラー状態で、インターネット接続ができていないか、最初のsetup.batの実行を忘れているかもしれません。

「更新」ボタンを押すと現れる「オンライン版接続確認」にOKが表示されれば接続可能状態になっています。

この状態で、「help等」のメニューの中にある「接続情報表示」の画面を表示すると
オンライン版で接続可能なURLとそのQRコードが表示されるので、そちらに参加者の方に接続してもらってください。

以上で使えるようになると思います。(試しにつないでみるまではできたけど、オフ会実践投入はできていない。。。)

ポート番号割り当て表

使用者(敬称略) ポート番号 備考
ゆーふうりん 11000~11009
ぬこ 11010~11015
成田 11021~11022
スフィーナ 11024~11025
くろっかす 11026
タマ兄 11028
たち 11030
フックン 10031
SHINTA 11032~11035
よしの 11036
しょーきん 11037
プリパライム 11038
ポケ鉄 11040~11041
死神フィル 11042~11043
Mad Hatter 11044
kuruani 11045
火神 11046
カボスSP+ 11047
ぬー 11048
クロP 11051~11055
11056
すみた 11058
つぼはち 11059
れん 11060
百合川 11061
楽シャア 11062
なぎ 11063
naoo 11064
あにょん 11065
芝ちゃん 11066
crom 11067
けんしん 11068
けんちぃ 11069
 黒河  11070-11071
 tokka-ta 11072
コウ艦長 11073
tukinowa 11074
がいばー 11075
v3 11077
のんでるん 11078
まどか 11079
ひろりん 11080-11081
ヤマテル 11082
にいくら 11083
タカヒロ&Lass 11084~11086
MiO 11087
星崎 11088
月代 11089
えみち 11101
るえ 11102
お試し用 11090~11100 被るの覚悟でお試しで使っていい番号にします

トラブルシューティング

Q.なんか途中で繋がらなくなった。
A.インターネット接続がちゃんと動作しているか確認してみてください。(例えばブラウザでhttp://www.yahoo.co.jp にアクセスしてみるとか)
それから、プログラム起動停止の横の「停止」を押してから、「起動」を押してpfwdの再起動をしてみてください。
それでだめだったら一度機材PCを再起動してみるところから。。。

あとがき

プライベートIPでも外からつなげられるように、サーバーを立てたり、既存のpfwdソフトを改造したりして何とかアクセスできるようにしてみました。
この環境は、僕が急死したり、ドメインやサーバー維持費が払えなくなるくらい生活が困窮してしまうと維持できなくなるので、アンオフィシャルな方法ということにしておいてください。

No Comments

「ゆかり」オンライン動作の説明

ちょっとしたメモ書き程度では説明しきれないので、「ゆかり」のオンライン接続のセットアップの仕方などを説明しておこう。
(BGVモードもちゃんと説明かけよって言われそうだな。。。)

「ゆかり」とは

動画を持ち込んだ持ち込みカラオケのために、
パソコンをカラオケ店などに持ち込み、持ち寄ったリムーバルディスク(USBHDDやUSBメモリ)の中にある
動画や音声ファイル検索したり、
検索した結果を再生予約したり、
予約された動画を順番に再生したり、
するツール。

カラオケだけでなく、イベント中のBGMを参加者が選べるようなイベントとかにも使えたりするはず。

「Universal KAraoke Request tool」 略して「ゆかり」

「オンライン接続」とは

今まで、Wifi環境を持ち込んで同じWifiアクセスポイントに接続しないと使用できなかった。
同じWifiアクセスポイントに多数の端末が接続されると動作が不安定になったり、Wifiの電波の届きが悪いと通信できなかったりするので、
各自自前のインターネット回線から接続するようにする接続方法のこと。
今までの接続(「ローカル接続」と呼んでおく)と併用もできる。

「オンライン接続」のデメリット

  • 使用する回線にグローバルIPが必要。
    グローバルIPがもらえるモバイル回線業者は
    「OCN モバイル ONE」 http://www.ntt.com/personal/services/mobile/one.html
    「インターリンクLTE SIM」 https://www.interlink.or.jp/service/sim/
    「ASAHIネット LTE」 http://asahi-net.jp/service/mobile/lte/
    「UQ Wimax2+ withグローバルIPアドレスオプション」 http://www.uqwimax.jp/plan/wimax/option/global_ip/
    「docomo mopera-u 接続」 https://www.mopera.net/
    「au LTE NET for DATA接続」  https://www.au.com/mobile/charge/internet-connection/ltenet-for-data/
    とかがあるらしい。(Biglobe SIMは2017年1月でグローバルIPをやめるらしい)一応、グローバルIPがなくても使うための回避策は後ほど書いておくけど、安定して動作する自信はない。。。。
  • インターネット通信量が増える
    「ローカル接続」では、ほとんどの通信が、
    「ゆかり動作PC」 – (wifi) – 操作端末
    で行っていたので、ほとんどインターネット接続の通信が発生しなかったところ、
    「ゆかり動作PC」 –  (インターネット) –  操作端末
    となるので、全部の通信がインターネットに乗り通信する量が増える。
    今まで、格安SIMの低速モードで充分と言っていたところが低速モードで事足りるかどうかの自信はない。。。
    (ついでに、参加者も通信量が増える。。。)

ということなので、「ローカル接続」と併用する使い方がいいんじゃないかと思われます。
(特に手持ちの端末からの転送(アップロード)とかする場合はローカル接続推奨です。

設定方法

まず、Wifiルーターでポート開放を行う

簡単にUPnPを使う例を紹介 (手動でポート開放する方法は「オンラインゲーム ポート開放」とかでググればいくらでも出てくるのでそちらを見てね)
モバイルルーター MR04LNの設定例です。(ほかの機種でも似たような設定があるはず)
1. 回線のIPアドレスを見てみる。
Web設定メニューで「情報」→「現在の状態」ページ内のWAN側接続状態の中の「IPアドレス」に記載されている内容を確認


もし、IPアドレスが
10.??.??.??
172.??.??.??
192.168.??.??
100.??.??.??
になっていると、残念ながらグローバルIPではないので、ポート開放では「オンライン接続」が使えません。

2. 「UPnP機能」を有効にする
Web設定メニューで「詳細設定」→「その他の設定」ページ内の「UPnP機能」を「使用する」にチェックを入れて「設定」ボタンで反映する。

3. PCでUPnPポート開放ツールを実行

http://www.vector.co.jp/soft/dl/winnt/hardware/se457733.html
このあたりからBssUpNpをダウンロードしてきて解凍した中にある、
BssUpNp.exe を起動
「Configure Router」ボタンの右のボックスに「80」を記入し
「Configure Router」ボタンを押す。
下のメッセージに「Router Configured Successfully」が表示されればOK。

以上で設定完了。
確認としてはモバイルルーターのWeb設定メニューで「情報」→「UPnPの状態」の中に
IPアドレスがゆかり実行PCのIPアドレス、ポート番号に80(TCP)のようになっているものが現れていればOK。

続けてゆかり上の設定

4. DDNSの設定
DDNSを使用する場合は、
「オンライン接続用」のDDNS設定画面のIPアドレスの部分にその環境でのグローバルIPが自動で入力されているので
今まで同様、pcgame-r18.jp用のホスト名やmydns用のID,パスワードを入力して「更新」ボタンを押します。


ローカルと併用するには別のホスト名にしたほうがいいので、別のホスト名かmydnsのアカウントを用意が必要です。

5. オンライン用ホスト名の設定
DDNSで設定したホスト名、もしくはDDNSを使用しない場合は下のDDNS設定にあるIPをそのまま
「オンライン接続用ホスト名」に入力して直下の「更新」ボタンを押します。

設定画面を再表示すると、「オンライン接続用ホスト名」の直下に
「オンライン版接続確認」に接続状態が表示されます。これが「OK」になっていたら「オンライン接続」が使用可能です。

この状態で、「Help等」メニュー内の「接続状態表示」を表示すると
「オンライン版接続先」が表示されるので、その内容でユーザーは接続可能です。(オンライン版接続確認に失敗する状態では表示されません)

オンライン接続先は、「別部屋URL設定」のところに書いておくと、ユーザーが切り替えができるようになって便利かもしれない。

仕組みは作ってみたものの、まだ実践投入していないのでどのくらい使い物になるかは不明。

グローバルIP版でも不安なのに、さらに動作に不安があるプライベートIP回線での接続のやり方はまた次回!

No Comments

ニコカラ的ニコ動強制再エンコード画質検証【フルHD60fps編】

どうやっても再エンコードされるので、UPする動画は極力1.5GBに近づけておくというFAは出ているんだけど、いつもUPしているフルHD60fps動画を今のニコ動にUPするとどうなるかを見てみる。(画像はクリックすると原寸大で見れるはず)
1.5GBくらいになると100MB程度サイズが変わっても大して画質が変わらないので適当に1.3~1.4GB程度にエンコードするのがおすすめ

【1.5GBファイル】

http://www.nicovideo.jp/watch/sm29924773

とりあえずセオリー通り、1.5GBでUPして、ブラウザで一番高画質が反映されるであろうHTML5 Playerで再生してみてスクショをとってみる

細かいところが潰れてかなりきつい><。再エンコードの最大画質が2000kbpsしかないのは辛い。倍くらいほしいよ。画質でyoutubeに対抗しようとしてほしいもんです。

iPadのニコニコ公式アプリでは
PCのブラウザと変わんないか。

投稿した元動画は

1.4GBくらいになるようにエンコードしたので、圧縮によるノイズのようなものは見えるわけないよね。

これをニコ生の動画紹介で再生されるとこうなる

ひでーなこれ、もはや泡があったかどうかもわからんw

【100Mファイル編】

http://www.nicovideo.jp/watch/sm30411680

旧仕様の時と同じように「つんでれんこ」さんにお任せして100MBにしてUPしてみたところ

ニコ動HTML5 Playerでは

泡があるのかあんまりわからないくらい劣化してしまった。。。

iPadのニコニコ公式アプリ

PCのブラウザと変わんないね。

元の動画は、100Mでエンコードしたので
この程度で、けっこうもやもやが目立ってしまってます。(泡の存在はわかるくらい)
ぶっちゃけ、100MBに抑えようとするとビットレートが2800kbpsになってただでさえ足りない。

これをニコ生の動画紹介で再生されると


おや?綺麗。再エンコされていない!!
先日Pangelinoさんの動画紹介で紹介されたときに見た時に、「SHINTA(翔星 P)」先生に「fullhd60fpsか?」って聞かれたのでもしやニコ生では非再エンコ動画が流れるんじゃないか?と思って確認してみたらどうやらどのとおりらしい。

ニコ生紹介用だと今まで通り100MBエンコードでもいいらしい。(そんな使い方に何の意味があるかといわれると。。。。)

【旧仕様】

http://www.nicovideo.jp/watch/sm29481166

参考までに旧仕様で100MB UPした動画の場合

ニコ動HTML5 Player

元動画

ニコ生再生

はいっ変わりません。再エンコードされないから当たり前だよね。

このころは良かった。。。

結論

  • 101MB以上1.5GB以下にエンコードしてアップロード
    ブラウザ再生 → 新サーバー(新サーバー仕様再エンコード) → 画質〇
    ニコ生再生 → 旧サーバー(再エンコード) → 画質×
    ニコ動ダウンロード → 旧サーバー(再エンコード) →画質×
  • 100MB以下にエンコードしてアップロード
    ブラウザ再生 → 新サーバー(新サーバー仕様再エンコード) → 画質△
    ニコ生再生 → 旧サーバー(再エンコードなし) → 画質◎
    ニコ動ダウンロード → 旧サーバー(再エンコードなし) →画質◎

ここまで自分がアップロードする観点で書いてきたけど、人がUPしたものをダウンロードしようとする場合は、
新サーバーと、旧サーバーの両方をダウンロードしてきて、ファイルサイズが大きい方が高画質になるってことで。

 

ニコ生再生の検証に http://com.nicovideo.jp/community/co2266142 および http://com.nicovideo.jp/community/co1979030 のコミュニティの生放送を使わせていただきました。ありがとうございます。

 

No Comments

CoreM 中華Windowsタブレットをいろいろ弄った

AtomのCPUが載った中華タブレットをいろいろ試してみたんだけど、

左下:BayTrail AtomはCore i3相当という宣伝文句で買ってしまった富士通 ARROWS Tab WQ1/M (コア数が倍あるからCorei3と一緒らしいがPCの基本性能である1コア当たりの性能は半分しかなかったという。。。)
左上:7.9インチiPadの液晶を使ったという安中華タブレット、Teclast X89HD。解像度は高いよ。外でERGするくらいにはちょうどいい。(壊れて半田ごてで何度も修理するという、真PC自作派にとって楽しい機種だったw)
右上:画面解像度 2560×1600というのに釣られて買ってみた、Teclast X90HD。1か月で画面が映らなくなって、修理交換に4か月かかった以外はトラブルなくつかえた。
右下:新CPU Cherry Trail Atomが載っていたので試しに買ってみた、Chuwi Hi8 Pro。Cherry Trailになったからって性能ほとんどかわらへんやんっ。でも今までのTeclast製のと違ってノートラブルで使えている優等生だっりする。

これだけ試して、「もうAtomはムリだ」と悟った。すくなくともフルHD動画をMPC-BEで再生するのは。。。(Windows10標準Playerだと再生できたりするが。。。)
シングルコアのベンチマーク結果が倍になったら呼んでくれと。。。

いい加減処理能力の低さに飽きてきたのでCoreMが載ったやつを試してみる。

http://www.onda-tablet.com/onda-v919-3g-core-m-tablet-pc.html

こんな箱に届く。。。。

ぼろぼろやんけ!!(中身が動けば箱はどうでもいいけどな)

 

PCが届いたらまずやること。。。
それは改造!!

とりあえず、SSDを大容量のやつに変えるのは基本。最初から乗せ換えるつもりだから、機種を選ぶときは一番ディスク容量が小さいやつを選ぶんだ。
ということで「TS512GMTS400」を入手。かつて512GBのSSDは5万以上したイメージがあったけど安くなったもんだ。(サイズが2242のm.2 SSDってTranscend しか売ってないのね。。。)(コスパ重視したい場合は、256GB版のほうがおすすめだったりする)

あと、この機種は3Gモデムが載っているんだけど、今時3GとかありえないんでAmazonで以前2,500円くらいで買ったLTEモデムに差し替える。
https://www.amazon.co.jp/dp/B0155JIJRG (今は値上がりしているな)
(日記には書いていないけど、DellのXPS12でもやったので目新しいことではない)

とりあえず、外装を外して、SSD&モデムの位置を確認。

この写真で白いラベルの方が3G通信モジュールで黄色いフィルムで覆われているほうがSSD。

3G通信モジュールは、、、なぜかアンテナがハンダで付けてある。また面倒なことを。。。
ということで半田ごてを使って元のアンテナはきれいに取り外し。


(中華タブレットをいじりだしてから半田ごての使用頻度が上がっているなぁ)

SSDを固定しているネジを外そうとしたら、、、ネジ山がつぶれてしまってる。。。
しょうがないから、これ
https://www.amazon.co.jp/dp/B002QZ5XEK/
でネジ山を削り取って何とかとりはずし。

これで両方取り外せたので、新しいのを取り付け

SSDはねじを削り取ってしまってねじ穴が使えないので、両面テープで固定w

とりあえず、以上でハードウェア的な改造は完了。

OSのインストール

http://techtablets.com/forum/topic/firmware-v919-core-m-v13-debloated-root-google-services/
この辺にあったAndroidのインストーラーでまずAndroidをインストール。

とりあえず、起動していくつかアプリをセットアップしてみた。

あとは、Windows公式で作成できる、Windows10のUSBインストーラーを作成して、
最初にインストールしてあったWindows10 Homeエディションのプロダクトキーを改造前に控えてあったものでインストールすれば完了。

簡単だねっ。

初期状態では、中国語版Windows&中国語版Androidだったものが、両方新規インストールしなおした結果、日本語版に生まれまわった。

Atomとは一味違うサクサクした動作をします。
ディスクは512GBになって空き容量は余裕になったし、

ドコモのSIMを指しておけばWifiルーターとかなくても単体で通信可能なのがイイネ。


Androidで起動すると、今回取り付けたLTE通信モジュールが、今回のAndroidのOSイメージでは対応していないらしいので
LTE通信はできないので通信はWifiのみになる。まあAndroid側はあんまり使わないからいいかっ。
試しにデレステを動かすと、今までほかのAndroidでは見たことないくらいサクサク動いた!。画面解像度が高すぎるせいかいろいろギザギザ(ジャギーというやつ)が目立つけど。。。

問題は、USB3がないので、持ち込みカラオケ用にはちょっと使えない。。。(スティックPCとこれの2台体制ができたら荷物軽くて済むのに。。。)

 

No Comments

音泉のラジオを自動ダウンロードする仕組みを作って動かしてみた

昨年(2015年)末から、音泉(インターネットラジオステーション)の指定した番組をダウンロードする仕組みを作って、
毎週月曜と木曜の朝に自動実行(linuxのCronをつかって)して動かしたところ

onsen_保存結果_20160414

とりあえずいい感じに動いてる。

4/1は月or木じゃなかったのでエイプリルフール特別番組とかあると取れてないな。
あと、勝手にダウンロードするようにしちゃうと新番組のチェックを忘れそうだ。

保存はするけど聞くのが追い付いてない。まだ去年の11月分を聞いている現状・・・。

(同様に電脳妄想開発室も自動保存してたりする)

一応、ここにソースはおいているけど、Linux以外で動くかどうかはしらん
https://github.com/bee7813993/save_webradio

 

No Comments

ごくたまに登録している「タイムタグ情報 DataBase」

http://w10.oroti.net/~timetag/pukiwiki/index.php

に歌詞のタイムタグを作ったら登録できるサイトがあって、
ごくたまに登録してます。

 

歌詞タイムタグ付き登録曲一覧ゆうあっとふうりん

歌詞自体は登録されずに、何番目の文字が何秒というように登録されるので
登録できるのは歌詞がどこかの歌詞サイトに登録されているものだけ

普段作っている曲は歌詞サイトに登録されることはめったにないのでたまにしか登録できないのでした…

 

No Comments