持ち込みカラオケ検索&予約ツールの更新情報もここの日記に書いて行くことにした。
今回の主な修正点
- スマホ用画面作成
今まで、PCで見れるように画面を作成していたので、スマホで操作しようとすると操作性がすこぶる悪かった。
慣れないCSSをいろいろ弄ってスマホでも見やすいように変えた。
基本的にスマホでは横スクロールをせずに全部表示できるようになってる。
Responsive Web Designにしているのでスマホを横にすると今まで通りPC用画面になる。
タブレットの縦置きはとりあえず今まで通りPC用画面にしておいた。
↓
スマホ用画面
私、基本的にセンスないので、これ以上かっこよくデザインしてくれる人募集><
- mp3+カラオケタグに対応
今まで動画だけの対応だったけど、カラオケ動画を使う前はmp3+カラオケタグ(テキストファイル)を持ち込んで持ち込みカラオケをやっていたので、その形式でも再生できるようにした。これで動画を作る以前のカラオケ用データも使えるし、わざわざ動画を作らなくても持ち込みカラオケをできるようになるので持ち込みのすそ野がひろがるかなって。
以前は2chで「タイムタグ付き歌詞ファイル総合スレ」というスレがあって、いろんな人が作った歌詞のカラオケタグファイルが共有されていたんだけど、もう機能していないと思われる・・・。
動画再生に使っているMPCではカラオケタグを表示はできないので、音声のみファイル(とりあえず拡張子mp3,m4a,wavで判別)だった場合、foobar2000を起動するようにする。
とりあえず、全部入りパッケージにポータブル版foobar2000も入れておいたので特に初期設定は要らないはず。
最初に予約ツールからfoobarが起動したときに、表示したい画面でフルスクリーン化すればあとはMPCとfoobarが自動切り替えされる。
mp3+タイムタグのデータを再生している様子
mp3再生の制限事項
・「曲終了」以外のプレイヤーコントローラーのボタンは使用不可(操作できる方法を捜し中)
・音源ファイルのヘッダ内の曲の長さが正しくない場合、最後まで再生されない、もしくは再生が終わっても次の曲へ行かないことが起こる。
対処法
最後まで再生されない → 次の曲を一時停止しておいて今の曲が終わったら再開
再生が終わっても次の曲へ行かない → プレイヤーコントローラーで「曲終了」ボタンを押す
・カラオケ配信曲対応
今まで、リクエスト時に「カラオケ配信」を選んでも自動再生機能で何もチェックをしなかったが、カラオケ配信のターンになったら自動再生機能を一時停止するようにした。
配信曲を歌い終わったらプレイヤーコントローラー上の「曲終了」ボタンを押すと自動再生再開。
持ち込みカラオケ検索&予約ツールの概要
このツールについてこの日記に書くのは初めてなのでどんなツールかの説明とかしておきます。
いろんな人が自作したりニコカラをダウンロードしたりして持ち寄った持ち込みカラオケ用データで持ち込みカラオケをしようとしたときに、どんな曲があるのかを探すのがなかなか難しかったので、手元のスマホ、タブレット、ノートPC等で検索できるようにしたツールです。
検索したついでにリクエストしたら自動的に順番に再生できるようにして、手持ちの端末でデンモクのように使えるようになりました。
カラオケだけじゃなくて、ジュークボックス的に使うこともできそうなので、DJ不要の参加者リクエスト型のアニソンイベントとかにも使えるんじゃないかなって思う今日この頃。
ツールはWebで動作しているので、手元の端末のブラウザでアクセスします。
ローカルファイル高速検索ソフト「Everything Search Engine」と
動画再生ソフト 「Media Player Classic BE」(-HCでも問題ないはず)
音楽再生ソフト 「foobar2000 + lyrics Art Panel Plugin」(今回サポート)
と連携して動作してます。
ツール自体はオープンソースで
Githubで公開中。https://github.com/bee7813993/KaraokeRequestorWeb/
一応セットアップすればだれでも使えます。
圧縮ファイルを展開するだけで簡単セットアップ…だと思っていたんだけど、知り合いに使ってもらおうとしたところ、セットアップに結構手間取っちゃったので、使ってみたい方がいたらWindowsのリモートアシスタンスという操作補助ツールでお手伝いします。
作成履歴
- 2011年ごろ
参加者が各自USBメモリなどでカラオケ動画を持ち寄って機材PCに接続して、機材のPCを操作して曲ファイルを検索して動画プレイヤーのプレイリストに追加するという持ち込みカラオケリクエストの仕組みが確立する。この時点では機材PCを操作しているときしか曲の検索ができないので、もっとゆっくり探せるようにできないかと機材係的に思っていた。 - 2014年10月
曲ファイル検索に「Everything file Search」を使用するようにした。リモート検索機能で手元のWindowsノートPCにインストールした「Everything file Search」で曲ファイル検索ができるようになった。(が、誰も使ってくれなかった(笑))
↑ ここまで既存ソフトを使って何とかしていたところ。
- 2014年11月
「Everything file Search」で見つけたファイルをドラッグ&ドロップして曲リクエストをするWeb画面を作成。機材係とは別の参加者のWindowsノートPCで曲検索からリクエストまでできるようになった。この時点ではまだ、自動的に再生する機能はないので、リクエストされた画面を見て機材係が手動でプレイリストに登録する仕組み。 - 2014年12月
ファイル検索をWeb画面の機能の中に搭載。これによりノートPCだけでなく、スマホとかWifiアクセスできる端末のブラウザで曲検索と予約リクエストが行えるようになった。自動再生機能はまだない。 - 2015年 1月
GitHubにsource公開。
「エロゲソングが好き」コミュニティのカラオケオフで使用。自分主催以外のカラオケオフでの初デビュー。 - 2015年 2月
自動再生機能実装。
プレイヤーコントローラ実装(手元の端末から音量、OnOffボーカル切り替え、曲終了などの再生中のプレイヤー操作を可能にした)
banditの隠れ家と連携して、歌手名、作品名、ブランド名から曲検索できる仕組みを作成(エロゲソング専用) - 2015年 3月
スタイルシート分離(デザインをスタイルシートの変更で変えることができるようになった)
動作安定化(時々Webサーバが落ちてしまうことがあったのでダウンしたら自動的に再起動するようにした) - 2015年 4月
スマホ用画面デザイン作成
mp3+カラオケタイムタグファイル形式に対応。foobar2000で再生。