パソコンから
パソコンの主要ブラウザからは、理想通り動作します。
ブラウザ | バージョン | 動作 | 備考 |
---|---|---|---|
Google Chrome | 83 | ◯ | |
Firefox | 78 | ◯ | |
Safari | 13 | ◯ | |
Edge | 83 | ◯ | |
Opera | 69 | ◯ | |
Opera Neon | 1 | △ | スライダー操作時にミュートされない ElentListenerのpointerに未対応? |
Internet Explorer | 11 | ✕ | JavaScriptのES2015(ES6)未対応 |
iOSのブラウザ
スライダーを操作した時のミュートは、EventListener('pointer')という機能を利用しています。これは、iOS13から実装された機能です。したがって、iOS12以前でスライダーを操作した時は、ミュートが行われない可能性があります。
ブラウザ | バージョン | 動作 | 備考 |
---|---|---|---|
Safari | 13 | ◯ | |
Google Chrome | 83 | ◯ | |
Firefox | 27 | ◯ | |
Edge | 45 | ◯ | |
Opera Touch | 2 | ◯ |
Androidのブラウザ
Androidは、全体的に動作するものの、どこか不安定な印象があります。
ブラウザ | バージョン | 動作 | 備考 |
---|---|---|---|
Google Chrome | 83 | ◯ | |
Firefox | 68 | ◯ | |
Edge | 83 | ◯ | |
Opera | 59 | △ | シークバーの挙動が不安定 |
Yandex Browser | 20 | ◯ |
想定される表示
現物のプレイヤーとプレイヤーのスクリーンショットを示します。一つ目は、実際のプレイヤーで再生が可能です。二つ目と三つ目はスクリーンショットで、それぞれパソコンとスマートフォンから見た時の表示になります。なお、デザインは、今後変更していく予定です。
※キャッシュの関係で、以前のプレイヤーが表示される場合があります。その場合は、キャッシュをクリアするか、スーパーリロード(Google ChromeならCtrl + Rです)してください。
バグ
再生ボタンやシークバーを連打すると、再生ボタンの表示が「▼」と表示される場合があります。その場合は、再生ボタンを何度か押すと直ります。
これは、再生表示のアイコンを、黒三角「▲」を90度回転させることで表現していることによるバグです(バグチェックとしての機能)。本プレイヤーは、対象のプレイヤーが再生中か否かを、その時の記号で判断しています。
また、スマートフォンでは、未再生のプレイヤーのシークバーを動かした場合に現在時間が表示されません(意味のない行為です)。しかし、これはスマートフォンのOSによる問題かも知れません。
2020-07-17