Xefir/nextcloud-app-radio
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

preloading images

Browse Source
This commit is contained in:
Jonas Heinrich 2018-08-15 17:55:05 +02:00
parent 59d90e2f31
commit 20c44f50e2
4 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -8,6 +8,8 @@
[#](https://git.project-insanity.org/onny/nextcloud-app-radio/commit/b7e711955b90f388a5e340ab582461fd39df8969) @onny [#](https://git.project-insanity.org/onny/nextcloud-app-radio/commit/b7e711955b90f388a5e340ab582461fd39df8969) @onny
- Add volume icon - Add volume icon
[#](https://git.project-insanity.org/onny/nextcloud-app-radio/commit/07ce3e5aebd5e5b5bf91e3aae996441ae9268402) @onny [#](https://git.project-insanity.org/onny/nextcloud-app-radio/commit/07ce3e5aebd5e5b5bf91e3aae996441ae9268402) @onny
- Remember volume state
[#66](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/66) @onny
### Fixed ### Fixed
- Fix styling issue (overflow hidden) player area - Fix styling issue (overflow hidden) player area
@ -21,6 +23,8 @@
[#61](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/61) @onny [#61](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/61) @onny
- Fix play/pause toggle favicon - Fix play/pause toggle favicon
[#59](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/59) @onny [#59](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/59) @onny
- Preload images
[#59](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/59) @onny
## 0.6.1 – 2018-08-11 ## 0.6.1 – 2018-08-11
### Changed ### Changed

13
css/main.css
View File

@ -31,8 +31,12 @@
overflow:hidden; overflow:hidden;
} }
.play{background: url('../img/play.png') no-repeat;} .play{
.pause{background: url('../img/pause.png') no-repeat;} background: url('../img/play.png') no-repeat;
}
.pause{
background: url('../img/pause.png') no-repeat;
}
.icon-stationfav { .icon-stationfav {
width: 16px; width: 16px;
@ -494,3 +498,8 @@ table td {
margin-top: 15px; margin-top: 15px;
margin-left: 35px; margin-left: 35px;
} }
#preload-01 { background: url('../img/sound_mid.png') no-repeat -9999px -9999px; }
#preload-02 { background: url('../img/sound_silent.png') no-repeat -9999px -9999px; }
#preload-03 { background: url('../img/pause.png') no-repeat -9999px -9999px; }
#preload-04 { background: url('../img/wheel.png') no-repeat -9999px -9999px; }

3
js/main.js
View File

@ -66,6 +66,7 @@ $(function(){
/* Click on a radio station (table entry) and play it */ /* Click on a radio station (table entry) and play it */
$('body').on('click', '.filename', function(e) { $('body').on('click', '.filename', function(e) {
e.preventDefault(); e.preventDefault();
$('#playbutton').attr("class", "buffering");
var stationid = $(this).parent().attr('data-id'); var stationid = $(this).parent().attr('data-id');
var stationname = $(this).parent().find('.nametext').text(); var stationname = $(this).parent().find('.nametext').text();
action_play(stationid); action_play(stationid);
@ -403,6 +404,7 @@ $(function(){
animate: true, animate: true,
step: .1, step: .1,
slide: function(e, ui) { slide: function(e, ui) {
player.volume = ui.value;
if (ui.value < 0.2) { if (ui.value < 0.2) {
$("#volumeicon").removeClass(); $("#volumeicon").removeClass();
$("#volumeicon").attr("class","silent"); $("#volumeicon").attr("class","silent");
@ -419,7 +421,6 @@ $(function(){
}); });
$("#volumeslider").on("slidestop", debounce(function(e, ui) { $("#volumeslider").on("slidestop", debounce(function(e, ui) {
player.volume = ui.value;
save_volume_state(ui.value); save_volume_state(ui.value);
}, 700) }, 700)
); );

5
templates/main.php
View File

@ -65,6 +65,11 @@
<tfoot> <tfoot>
</tfoot> </tfoot>
</table> </table>
<div id="preload-01"></div>
<div id="preload-02"></div>
<div id="preload-03"></div>
<div id="preload-04"></div>
</div> </div>
</div> </div>
<!-- closing app-content --> <!-- closing app-content -->