move play button overlay to javascript to avoid downloading the image

This commit is contained in:
Jakob Ketterl 2021-05-05 19:56:14 +02:00
parent 1b4b87b14e
commit 282ba4d095
2 changed files with 10 additions and 8 deletions

View File

@ -157,12 +157,6 @@
</div> </div>
</div> </div>
</div> </div>
<div id="openwebrx-autoplay-overlay" class="openwebrx-overlay" style="display:none;">
<div class="overlay-content">
<img id="openwebrx-play-button" src="static/gfx/openwebrx-play-button.svg" />
<div>Start OpenWebRX</div>
</div>
</div>
<div id="openwebrx-error-overlay" class="openwebrx-overlay" style="display:none;"> <div id="openwebrx-error-overlay" class="openwebrx-overlay" style="display:none;">
<div class="overlay-content"> <div class="overlay-content">
<div>This receiver is currently unavailable due to technical issues.</div> <div>This receiver is currently unavailable due to technical issues.</div>

View File

@ -1213,12 +1213,20 @@ var audioEngine;
function openwebrx_init() { function openwebrx_init() {
audioEngine = new AudioEngine(audio_buffer_maximal_length_sec, audioReporter); audioEngine = new AudioEngine(audio_buffer_maximal_length_sec, audioReporter);
$overlay = $('#openwebrx-autoplay-overlay'); $('body').on('click', '#openwebrx-autoplay-overlay', function(){
$overlay.on('click', function(){
audioEngine.resume(); audioEngine.resume();
}); });
audioEngine.onStart(onAudioStart); audioEngine.onStart(onAudioStart);
if (!audioEngine.isAllowed()) { if (!audioEngine.isAllowed()) {
var $overlay = $(
'<div id="openwebrx-autoplay-overlay" class="openwebrx-overlay" style="display:none;">' +
'<div class="overlay-content">' +
'<img id="openwebrx-play-button" src="static/gfx/openwebrx-play-button.svg" />' +
'<div>Start OpenWebRX</div>' +
'</div>' +
'</div>'
);
$('body').append($overlay);
$overlay.show(); $overlay.show();
} }
fft_codec = new ImaAdpcmCodec(); fft_codec = new ImaAdpcmCodec();