【CLOSED】v0.9系 不具合報告スレッド

---

@Cresson さま 早速の検証、誠にありがとうございます。

ps. typoですね。
誤　sudo systemctl stop ymd.socket
誤　sudo systemctl stop ymd.service

正　sudo systemctl stop ympd.socket
正　sudo systemctl stop ympd.service

ご指摘の通りtypoでした:confounded:
インストールスクリプト、以下のとおり修正します。

unzip ympd.release.out.zip
sudo systemctl stop ympd.socket
sudo systemctl stop ympd.service
sudo cp /home/pi/ympd.release.out /usr/local/bin
cd /usr/local/bin
sudo cp ympd ympd.org
sudo cp ympd.release.out ympd
sudo systemctl start ympd.socket
sudo systemctl start ympd.service

ゴミ箱は変化なく薄いままです。

ympd.release.out.zip
先に配布したテスト版、当該CSS直っていませんでした。申し訳ございません。
立て続けにアップロードし申し訳ございませんが、コチラでどうでしょうか？
（少なくともゴミ箱は薄くなくなっています。全消去のゴミ箱とは色がチグハグかもしれませんが、
これは後ほど修正します）

Spotifyからの復帰も手動でリロードが必要です。

SpotiyとShairport-syncの場合、再生時に一旦ympd＋mpdが終了し、再生後に再起動する仕様になっています。
(/home/pi/configs/のspotify_event.shやshairport_event.shを見ていただくとお分かりになると思います）
結果としてympdサーバの再起動後のクライアントからのアクセス対応もしくはJavaScritp側でのsocket関数の対応にに問題があるかもしれませんね。
（前者ではブラウザ側でsocketにてコマンドを送ってもサーバで弾かれている。
後者の場合はブラウザ側で接続が切れたと判断している。）

@sunatomo さん

ゴミ箱、改善されました。色の違いもきになりません。
ありがとうございます。

実は、typoを指摘した投稿で自分がtypoしてて、慌てて編集したのでした・・・

@sunatomo さん

Web UIの自動停止 (socket activation) は、v0.6.0で加えた修正です。

v0.9.0以降のどこかで、動作が変わってしまったのでしょうね。
こちらでも調査したいと思います。
後ほどgit log込みのソース一式をお送りしますので、調査にご協力いただけると幸いです。

コチラに記載の通り、パパリウス さまに現時点でのソースコードを受領いたしましたので
それを元にympd関連の解析作業を行います。
今のところ、問題点は以下の2つ残っているという認識です。
①ympdのリロードが必要になる問題
　Webブラウザで常に表示しっぱなし＋F12開発者モードで監視をしていましたが、
　ある程度の時間放置後に操作したところ「WebSocket is already in CLOSING or CLOSED state.」というエラーが記録されましたので
　まずはympdのJavaScript側でsocket通信を確認してCLOSE状態の場合は再接続してからソケット通信を行う処理を入れて様子を見たいと思います。

②iPhone11PROなど一部のモバイル端末で表示が荒れる問題
　ディスク名やトラック名のタイトルが画面からはみ出る際に改行するはずなのですが、
　これが動作しないことから
　「一部タグで行高さが固定されている」記述を消す対応を試しに行っています。

解決済みは以下の2件です。途中で動作確認用のファイルをコチラに貼り付けいたしますが、
最終的には公式のアップデートが配布されるように対応いたしますのでお待ち下さい。
③lightモード・darkモードの切替が一部ブラウザで動作しない問題（解決済み）

④キューのアルバム・楽曲消去のゴミ箱が一部のブラウザで薄くて見えない問題
　ゴミ箱が薄いのは透明度設定が入っているため、これをコメント化
　ゴミ箱の色が他のリンクボタンと逆なのはcssに指定されているクラスが不一致なため
　（近日対応予定）

@sunatomo さん、パパリウスさん

対して有用性のある情報ではないかも知れませんが

①ympdのリロードが必要になる問題

に関して過去バージョンを検証してみました。
V092までは問題なく動作していますが、V093でこの一連の不具合が発生することが確認できました。
多少でもお役に立てれば幸いです。

@flyingace さま

V092までは問題なく動作していますが、V093でこの一連の不具合が発生することが確認できました。

参考になります。有難うございます。
これからパパリウスさまに頂いた生のソースコードに対して左右に並列比較の出来るアプリ（linux上ではmeldを使用しています）で差分を確認してみますが、
これでズバリ判れば儲けものです :+1:

@パパリウス さま
v0.93のmpd.js 722行目付近ですが
ここのドキュメントどおりBootstrap Notifyを使用している場合は以下のとおりではと思います。
(onCloseが’Settings’ではなく'Options'に入っていたため再接続処理されていなかったと推察。）

connect_notify.update({
   'message': "Connection to ympd lost, retrying "
},{
   'type': "danger",
   'onClose': function(){webSocketConnect();}
});

という訳で、古いソースで申し訳ありませんが開発機の中のv0.9.3のソースコードで上記の部分を修正したものを貼付けします。
明日以降でお試しできる環境の方、ちょっとお試し頂けると幸いです。
ympd.release.out_2020-02-17.zip

↑
上記の試作版、夜にWebUIを開いてスリープモードのPCを朝に操作しましたが、再接続出来ませんでした。
もう一度作戦練り直しです。

ympd.release.out.zip
再修正版、アップロードしました。
（今回は先日受領したv0.9.4のソースコードでビルド。）
アップロード前に再接続についても当方環境で確認済みです。
（Webブラウザでページを表示しっぱなしの状態でPCをスリープさせ、復帰後に再操作で再接続のメッセージ表示と動作確認済み）
↑
原因としてはv0.9.3から接続の通知方法が変わったのですが、ラズパイへの通信が失われた際の通知の記述がうまく動作しなかったため再接続出来ていなかった模様です。
（ページのリロードでは初期化が走るため、接続するという訳）

@sunatomo さん

再修正版、アップロードしました

私の環境
ios:Firefox,safari,chrome
mac:vivaldi,safari,chrome
私の使用範囲では問題ないことが確認できました、スリープの復帰からも問題ないです。

対応お疲れでした、有難うございます。

sunatomoさま

win10 firefox、anicia beta で、soptifyから操作なしに正常に戻ることを確認いたしました。

楽ちんに行き来できます。たいへんお疲れさまでした。

@sunatomo さん

当方でも、Spotifyからの復帰、問題なく出来ることを確認しました。
ありがとうございます。

@sunatomo さん

おおお、素晴らしい仕事です。
本当にありがとうございます。

ご確認頂いた皆様、ご協力ありがとうございました。
今回は特に@flyingace さまのver特定があったので見つけられる事ができました。大変助かりました。
@パパリウス さま
修正したソースコードは明日夜になりますが、メールでお返しします。

@sunatomo さん

flyingaceです
少しだけでもお役に立た様でよかったです。

過去の各Ver.はiCloudに圧縮されて長期熟成中です（笑
また必要なときがあるかも知れません、其の際は遠慮なくお声がけくださいませ。

@sunatomo さま　WebUi 再修正版ありがとうございます。
@パパリウス さま　気になっていることが４つあります。
１．カバーアート、曲目の表示
　キューを全て消しても表示されたままで、キューに新たに追加しても、そのままで”三角”を押すとやっと更新されます。
そこで次のようにしたらいかがでしょうか。キューが全消去したら、カバーアート、曲目を消す。キューの１番目にセットされたらカバーアート、曲目を表示する。
２．デュアレーションのバーグラフ
　0:00/0:00 になっても０に戻っていない。（キューの最後の時）
iPhone等の場合 queueモードではデュアレーションの表示がありません。iPad では表示されます。これは仕様ですか。
３．darkモードで一部 lightモードのままである
　　iPhone.png
白い部分です。このディレクトリ表示アリアは、カバーアートの上に表示されるので下部のリスト表エリアを狭めカバーアート全体が見れるようにお願いします。（lightモードでも）
darkモードで青い文字が見にくいので文字色を変えてみました。
変えたのは dark..css の
--a-col: #ffa07a; /リンクの文字色/
--a-focus-col: #ffd700; /リンクフォーカス時の文字色/
です。　@sunatomo さまありがとうございます。
４．一時コメント化の解除方法を教えて下さい　@sunatomo さま
　③iPhone 11他向けCSSテスト　と書かれていることですが、アルバム名が長いと後ろのほうが分からないのと”＋”が押せないためです。
テストは実機がなくても、Chromeブラウザーなら、その他のツールの　デベロッパーツールで Toggle device toobar アイコンを押せばiPhone以外でもテスト出来ます。

以上長々と書きましたがよろしくおねがいします。

追加の要望ですが優先度は低いですが。
カバーアートみついて曲のTAGに埋め込まれた画像を表示されると嬉しいです。

@miyt さま
投稿の件、コメントします。

１．カバーアート、曲目の表示
　キューを全て消しても表示されたままで、キューに新たに追加しても、そのままで”三角”を押すとやっと更新されます。
２．デュアレーションのバーグラフ
　0:00/0:00 になっても０に戻っていない。（キューの最後の時）

これはWebUIで使用しているympdというソフトウェアの挙動によるものです。
（楽曲が更新されたタイミングでカバーアートと曲目の表示を変える仕様）
ご提案の動作を実現するためには
「キューに保存されたデータが空になったら、これらを消し込みする処理」が必要になります。
（デュレーションの数字が初期化されているようなので、ちょっと頑張れば何とかなるかもしれません。）

iPhone等の場合 queueモードではデュアレーションの表示がありません。iPad では表示されます。これは仕様ですか。

現状のスタイルではこのように表示される仕様になっています。
（楽曲のビューでArtistとDurationが隠れるのと同じ理由。CSS解像度がスマホの場合小さいと判断されて非表示）

３．darkモードで一部 lightモードのままである
４．一時コメント化の解除方法を教えて下さい

撮影いただいたスクリーンショット、どのWebUIでしょうか?
私が昨日アップしたものではツリー部分は黒で表示されています（当方PC上のVivaldiとAndroidスマホのChromeで確認）。

今回一時コメント化したものは以下の2つになりますが、
　①@Cresson さまご指摘
　　キューのゴミ箱が半透明になる件
　②@miyt さまご指摘
　ライブラリのツリー表示のtdタグで「フォルダor音符アイコン」表示部と「＋or右向き三角アイコン」表示部で高さが指定

②の方という認識で間違いありませんか？
もし昨日配布のWebUIで「楽曲名やアルバム名が長い際に”＋”アイコンが見えなくなる現象」が解決していなかったとしたら、
こちらについても再度作戦練り直しですね。

説明が不足していたかもしれませんが、
②はTitleが予想された範囲の横幅（数式は「デバイスの横幅」−「フォルダアイコン列」−「＋アイコン列」）を超えている際は
複数行に改行表示させて当該行の高さを増やするように動作するべきところになります。

①についてはこれで動作が正常化したと判断し、@パパリウス さまに戻すソースコードもそのままにしたいと思います。

テストは実機がなくても、Chromeブラウザーなら、その他のツールの　デベロッパーツールで Toggle device toobar アイコンを押せばiPhone以外でもテスト出来ます。

これは勉強になりました。有難うございます。
（日頃PC対象に部門内でのWebUIを業務の合間で触っているため知りませんでした）
早速見てみましたが、昨日アップしたものでターゲットをiPhoneXでは想像した動作です。

カバーアートみついて曲のTAGに埋め込まれた画像を表示されると嬉しいです。

カバーアート周りはソースコード追いきれていませんので、ちょっと時間下さい。

@miyt さまご指摘の件を含めて3連休中に試作を行ってパパリウス さまに成果を返す予定です。
とりあえず今日の時点で実装出来た部分をお試し版として提供します。

※私の方で対応した機能については、パパリウス さまにソースコードはそのままお返ししますが
　機能の取捨選択については公式版をリリースするパパリウスさまにお任せする方針です。
　次期公式版には反映されない可能性、操作性が変更される場合がありますのでご了承下さい。
ympd.release.out-2020-02-22.zip

2月22日時点の対応は以下の通り。
　①キューから楽曲がなくなった場合（プログレスバーの数字が0:00/0:00になった際）に、
　　楽曲名・アルバム名・アーティスト名を消す。
　　また、プログレスバーを0%（左端）にし、アルバムアートを初期化する。
　　（@miyt さまご提案の対応）
　②JavaScriptコードの変更
　　（ラズパイサーバとのsocket応答を処理する関数が長大で中身を把握しにくいため、分割）
　　→これにより動作しない機能が発生しているかもしれません。
　③楽曲の再生切替わり時に楽曲名・アルバム名・アーティスト名の通知表示されるようにした。
　④アルバム内の楽曲表示でキューに楽曲を追加するアイコンのみ「右向き三角」であったため、
　　これも「＋」にした（「右向き三角」だとそのまま再生されるようにみえるため）

@sunatomo さん

ご対応ありがとうございます。
修正済みのソースを受け取りましたので、こちらでも確認を進めたいと思います。
実装いただいた機能は極力そのまま正式版に取り込みたいと思います。

@sunatomo さま　丁寧な対応ありがとうございます。
2020-02-22版でツリー部分黒くなっていました。
この前のスクリーンショットは最初の板でのものでした、すみませんでした。
②はよく解りませんが、①③④はいずれも確認できました。ありがとうございました。

端末等のアルバム名の表示についてテストしてみました。
デベロッパーツールを使うと、ブラウザーの幅を最低より更に小さくすることが出来ます。境界をカーソルで左右に動かすわけです。
＋が境界と共に左へ行きますが、あるところを過ぎれば止まって境界だけが左へ（狭く）行きます。更に行くと＋は見えなくなる。（端末の場合と同じです）
楽曲名の場合は表示幅によって折返し表示されます。スクリーンショットをあげますので参考にしてください。
スクリーンショット 2020-02-23 13.48.26.png
スクリーンショット 2020-02-23 13.49.53.png

またスタートストップのアイコンとツリー表示がカバーアートの上に重なっています。楽曲の表示エリアが少なくなりますが、違和感がなくなります。これは@sunatomo さま@パパリウス さまにおまかせします。
スクリーンショット 2020-02-23 13.52.46.png