diff options
| author |  Chris Xiong <chirs241097@gmail.com>
| 2021-12-08 03:38:10 +0800 |
|---|---|---|
| committer | Chris Xiong <chirs241097@gmail.com>
| 2021-12-08 03:38:10 +0800 |
| commit | 154b63534baf812bf9a5234774daf09952556285 (patch) | |
| tree | 7099ab6ef22827924f6bf129be1f84f50ff27050 /libs/music/player | |
| parent | 9542720148b9b1526763262bea0752a0e21f7cb7 (diff) | |
| download | web-154b63534baf812bf9a5234774daf09952556285.tar.xz | |
TSOP 2.7.1: help & format switching.
Also finally removed all reminiscence of the legacy player.
Diffstat (limited to 'libs/music/player')
| -rw-r--r-- | libs/music/player | 32 |
1 files changed, 31 insertions, 1 deletions
diff --git a/libs/music/player b/libs/music/player index 29e90fd..ae89d67 100644 --- a/libs/music/player +++ b/libs/music/player @@ -25,6 +25,8 @@ The Stupid Online Player License: Expat (MIT) Changelog: +2021.12.07 2.7.1 +Added help for the new player. Make format switcher available. 2021.04.05 2.7.0 Clicking the track name after "Now Playing" shows the note for it. 2020.08.04 2.6.1+b1 @@ -92,6 +94,32 @@ The online player was added. --> <body onload="init();"> <div id="overlay"><span style="text-align:center;" id="overlaytext" class="TText">LOADING...</span></div> + <div id="helpoverlay" class="TText"> + <pre class="TText" style="padding:2em;overflow:auto scroll;white-space:pre-wrap;"> +The Simple Guide to The Stupid Online Player + +Use the links in the sidebar to select a playlist. Click on the name of the tracks to play. + +Playback controls at the bottom of the page should be self-explanatory. Use the visualization combo box to select a visualization to view. + +The m3u8 Playlist link gives you a m3u8 playlist that can be streamed in VLC and other players supporting them. + +Use the format link to switch the audio format to be played. Currently the following formats are served: + + ogg vorbis 224 kbps | Very high quality, ideal choice if supported by your browser. + flac | Lossless, very large file size. + opus 96 kbps | Decent quality, small file size. Good for reducing data usage. + m4a aac 192 kbps | High quality, for legacy browsers without support of open formats. + +If the format shows an exclamation mark after it, it could be unsupported by your browser. + +To view the description of the currently selected album, click on the currently selected album in the sidebar. To view the description of the currently playing track, click on the link after "Now Playing: " in the bottom. Not all tracks have description texts. + +Some tracks offer "multi-mixes". They are only provided in the ogg format. You need to enable experimental features in your browser for them to work. For chromium-based browsers, turn on "enable-experimental-web-platform-features". For firefox-based browsers, turn on "media.track.enabled" (however firefox doesn't seem to support multitrack ogg files yet). Once the support is correctly enabled, you'll see "Press C to switch tracks" over the seek bar for these tracks. + +All tracks on this site are available for download. You can simply right click the links in the playlist and save the link. Alternatively you can go to the "Downloads" link in the sidebar, where you can find all tracks in all formats, a few unlisted tracks, and some MIDI exports. Unless otherwise stated, all finished tracks here can be used under a permissive CC-BY 4.0 license. Please contact the owner of the site if you want to use the MIDI exports. + </pre><a href="javascript:NSUI.hideHelp()" style="right:2em;bottom:1em;position:absolute;">close</a> + </div> <div id="notes" class="TText" style="display:none;"><div class="TText" id="ntext"></div> <a href="javascript:NSUI.hideNotes()" style="right:1em;bottom:.5em;position:absolute;">close</a></div> <div id="panel" class="TText"> @@ -100,7 +128,8 @@ The online player was added. <li><a href="/libs/music/player"><h2>Music Library</h2></a></li> <li><ul id="plists"></ul></li> <li><a href="//filestorage.chrisoft.org/music/" target="_blank">Downloads</a></li> - <li><a>TSOP 2.7.0</a></li> + <li><a href="javascript:NSUI.showHelp()">Help</a></li> + <li><a>TSOP 2.7.1</a></li> </ul> </div> <div id="content"> @@ -113,6 +142,7 @@ The online player was added. <div class="switches" style="text-align:right;padding-top:0.25em 0 0.25em 0;"> <div style="text-align:center;width:100%;" id="nowplaying"></div> <span id="mt" style="display:none;">Press C to switch tracks</span> + <a id="formatsw" href="#">[PCM wave 64 kbps]</a> <a id="am3u8" href="#">[m3u8 Playlist]</a> <a id="plistsw" href="javascript:void(0);">[Hide Playlist]</a> </div> |