iot/yoradio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.7.330

Browse Source
This commit is contained in:
e2002
2022-08-15 14:19:39 +03:00
parent 19fede3bdf
commit 442d970fd9
52 changed files with 1363 additions and 359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
yoRadio/data/www/dragpl.js.gz
View File

Binary file not shown.

BIN
yoRadio/data/www/elogo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 761 B

BIN
yoRadio/data/www/elogo100.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.3 KiB

BIN
yoRadio/data/www/elogo84.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

95
yoRadio/data/www/index.html
View File

@@ -6,33 +6,28 @@
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="apple-touch-icon" type="image/png" href="elogo.png">
<link rel="icon" type="image/png" href="elogo.png">
<link rel="stylesheet" title="base" href="style.css" type="text/css">
<title>ёRadio</title>
<link rel="stylesheet" title="base" href="style.css?%VERSION%" type="text/css">
<title>ёRadio - Player</title>
<style> </style>
</head>
<body>
<div class="content">
<div class="logo"></div>
<div id="navbar"%APMODE%>
<div class="playerbytton navbutton" id="playlistbutton" onclick="showEditor()"></div>
<div class="playerbytton navbutton" id="settingsbutton" onclick="event.stopPropagation(); showSettings()"></div>
<div id="settingspopup" class="hidden%IRMODE%">
<div class="button" id="settingsbuttonwifi" onclick="showSettingsWifi()">Wi-Fi</div>
<div class="button" id="settingsbuttonir" onclick="location.href='/ir'">IR</div>
<div class="button" id="settingsbuttonupload" onclick="showSettingsUpload()">Update</div>
</div>
<div id="navbar">
<div class="playerbytton navbutton" id="playlistbutton" data-name="playlist"></div>
<div class="playerbytton navbutton" id="settingsbutton" data-name="settings"></div>
</div>
<div class="playerwrap">
<div class="player">
<div id="nameset">&nbsp;</div>
<div id="meta">&nbsp;</div>
<div class="playerbyttonwrap">
<div class="playerbytton" id="prevbutton"></div>
<div class="stopped" id="playbutton"></div>
<div class="playerbytton" id="nextbutton"></div>
<div class="playerbytton" id="volmbutton"></div>
<div class="playerbytton" id="volpbutton"></div>
<div class="playerbytton" id="eqbutton" onclick="showEqualizer(true)"></div>
<div class="playerbytton" id="prevbutton" data-name="prev"></div>
<div class="playerbytton stopped" id="playbutton" data-name="play"></div>
<div class="playerbytton" id="nextbutton" data-name="next"></div>
<div class="playerbytton" id="volmbutton" data-name="volm"></div>
<div class="playerbytton" id="volpbutton" data-name="volp"></div>
<div class="playerbytton" id="eqalbutton" data-name="equalizer"></div>
</div>
<div id="equalizerwrap">
<div id="equalizerbg" class="hidden">
@@ -40,27 +35,27 @@
<li>
<li>
balance<span class="eqinfo" id="eqbalinfo">0</span>
<input type="range" id="eqbal" class="slider" data-slaveid="eqbalinfo" onchange="onRangeBalChange(this)" name="lovpass" min="-16" max="16" value="0">
<input type="range" id="eqbal" class="slider" data-slaveid="eqbalinfo" name="balance" min="-16" max="16" value="0">
</li>
<li>
<li>
treble<span class="eqinfo" id="eqtrebleinfo">0</span>
<input type="range" id="eqtreble" class="slider" data-slaveid="eqtrebleinfo" onchange="onRangeEqChange(this)" name="lovpass" min="-16" max="16" value="0">
<input type="range" id="eqtreble" class="slider" data-slaveid="eqtrebleinfo" name="treble" min="-16" max="16" value="0">
</li>
<li>
middle<span class="eqinfo" id="eqmiddleinfo">0</span>
<input type="range" id="eqmiddle" class="slider" data-slaveid="eqmiddleinfo" onchange="onRangeEqChange(this)" name="bandpass" min="-16" max="16" value="0">
<input type="range" id="eqmiddle" class="slider" data-slaveid="eqmiddleinfo" name="middle" min="-16" max="16" value="0">
</li>
<li>
bass<span class="eqinfo" id="eqbassinfo">0</span>
<input type="range" id="eqbass" class="slider" data-slaveid="eqbassinfo" onchange="onRangeEqChange(this)" name="highpass" min="-16" max="16" value="0">
<input type="range" id="eqbass" class="slider" data-slaveid="eqbassinfo" name="bass" min="-16" max="16" value="0">
</li>
<li class="formbuttons">
<div class="button" id="accept_button" onclick="showEqualizer(false)">Acceptable...</div>
<div class="button" id="accept_button" data-name="equalizer">Acceptable...</div>
</li>
</ul>
</div>
<input type="range" id="volrange" class="slider" name="vol" data-slaveid="volinfo" onchange="onRangeVolChange(this.value)" min="0" max="254" value="0">
<input type="range" id="volrange" class="slider" name="volume" data-slaveid="volinfo" min="0" max="254" value="0">
<div class="infowrap">
<div class="infoitem">volume: <span id="volinfo">0</span></div>
<div class="infoitem" id="bitinfo">bitrate: 0kBit</div>
@@ -70,46 +65,9 @@
</ul>
</div><!--equalizerwrap-->
</div><!--player-->
<div id="settings"%NOTAPMODE%>
<h2>WiFi Settings</h2>
<form autocomplete="off" id="wifiform">
<ul id="credentialwrap">
<li class="credentialitem">
<span>1.</span>
<div class="textinput"><label for="ssid0">SSID</label><input name="ssid" id="ssid0" type="text" value="%SSID%" maxlength="20"/ ></div>
<div class="textinput"><label for"pass0">Password</label><input name="pass" id="pass0" type="text" data-pass="%PASS%" placeholder="**********" value="" maxlength="40" autocomplete="off" readonly="readonly" onfocus="this.removeAttribute('readonly');" /></div>
</li>
<li class="credentialitem">
<span>2.</span>
<div class="textinput"><label for="ssid1">SSID</label><input name="ssid" id="ssid1" type="text" value="%SSID%" maxlength="20" /></div>
<div class="textinput"><label for"pass1">Password</label><input name="pass" id="pass1" type="text" data-pass="%PASS%" placeholder="**********" value="" maxlength="40" autocomplete="off" readonly="readonly" onfocus="this.removeAttribute('readonly');" /></div>
</li>
<li class="credentialitem">
<span>3.</span>
<div class="textinput"><label for="ssid2">SSID</label><input name="ssid" id="ssid2" type="text" value="%SSID%" maxlength="20" /></div>
<div class="textinput"><label for"pass2">Password</label><input name="pass" id="pass2" type="text" data-pass="%PASS%" placeholder="**********" value="" maxlength="40" autocomplete="off" readonly="readonly" onfocus="this.removeAttribute('readonly');" /></div>
</li>
<li class="credentialitem">
<span>4.</span>
<div class="textinput"><label for="ssid3">SSID</label><input name="ssid" id="ssid3" type="text" value="%SSID%" maxlength="20" /></div>
<div class="textinput"><label for"pass3">Password</label><input name="pass" id="pass3" type="text" data-pass="%PASS%" placeholder="**********" value="" maxlength="40" autocomplete="off" readonly="readonly" onfocus="this.removeAttribute('readonly');" /></div>
</li>
<li class="credentialitem">
<span>5.</span>
<div class="textinput"><label for="ssid4">SSID</label><input name="ssid" id="ssid4" type="text" value="%SSID%" maxlength="20" /></div>
<div class="textinput"><label for"pass4">Password</label><input name="pass" id="pass4" type="text" data-pass="%PASS%" placeholder="**********" value="" maxlength="40" autocomplete="off" readonly="readonly" onfocus="this.removeAttribute('readonly');" /></div>
</li>
</ul>
</form>
<div class="formbuttons">
<div class="button" id="wifiexport_button" onclick="doWifiExport()"%APMODE%>Export</div>
<div class="button" id="cancel_button" onclick="doCancel()"%APMODE%>Cancel</div>
<div class="button" id="save_button" onclick="submitWiFi()">Save</div>
</div>
</div><!--settings-->
<div id="pleditorwrap" hidden>
<div id="pleditorwrap" class="hidden">
<div id="pleditor">
<h2>Playlist Editor<span onclick="doCancel()"></span></h2>
<h2>Playlist Editor<span onclick="showEditor()"></span></h2>
<div id="pleheader"><span class="space"><input type="checkbox" onclick="selectAll(this)" /></span><span class="plename">Name</span><span class="pleurl">URL</span><span class="pleovol">Ovol</span></div>
<ol id="pleditorcontent">
<li class="pleitem">
@@ -120,19 +78,18 @@
</li>
</ol><!--pleditorcontent-->
<div class="formbuttons">
<label for="file-upload" class="button">Import</label><input id="file-upload" type="file" accept=".txt, .csv" onchange="doUpload(this)" hidden/>
<div class="button" onclick="doExport()">Export</div>
<div class="button" onclick="doAdd()">Add</div>
<div class="button" onclick="doRemove()">Remove</div>
<!--<div class="button" onclick="doCancel()">Cancel</div>-->
<div class="button" onclick="submitPlaylist()">Save</div>
<label for="file-upload" class="button" data-name="plimport">Import</label><input id="file-upload" type="file" accept=".txt, .csv" onchange="doPlUpload(this)" hidden/>
<div class="button" data-name="plexport">Export</div>
<div class="button" data-name="pladd">Add</div>
<div class="button" data-name="pldel">Remove</div>
<div class="button" data-name="plsubmit">Save</div>
</div>
</div><!--pleditor-->
</div><!--pleditorwrap-->
</div><!--playerwrap-->
<div id="copy">powered by <a target="_blank" href="https://github.com/e2002/yoradio/">ёRadio</a> | v%VERSION%</div>
</div>
<script src="script.js"></script>
<script src="dragpl.js"></script>
<script src="script.js?%VERSION%"></script>
<script src="dragpl.js?%VERSION%"></script>
</body>
</html>

10
yoRadio/data/www/ir.html
View File

@@ -6,9 +6,9 @@
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="apple-touch-icon" type="image/png" href="elogo.png">
<link rel="icon" type="image/png" href="elogo.png">
<link rel="stylesheet" title="base" href="style.css" type="text/css">
<link rel="stylesheet" title="base" href="ir.css" type="text/css">
<title>ёRadio IR recorder</title>
<link rel="stylesheet" title="base" href="style.css?%VERSION%" type="text/css">
<link rel="stylesheet" title="base" href="ir.css?%VERSION%" type="text/css">
<title>ёRadio - IR Recorder</title>
<style> </style>
</head>
<body>
@@ -28,7 +28,7 @@
<div id="irform">
<div id="irstartrecord"><h3>Welcome to IR Recorder!</h3>
Press the button on the left<br />to record the code.
<a href="/" class="button" id="done_ir" onclick="doneRecord()">DONE</a>
<a href="/" class="button" id="done_ir">DONE</a>
</div>
<div id="irrecord" class="hidden">
<h3 id="irrecordtitle"></h3>
@@ -45,5 +45,5 @@
</div><!--playerwrap-->
<div id="copy">powered by <a target="_blank" href="https://github.com/e2002/yoradio/">ёRadio</a> | v%VERSION%</div>
</div>
<script src="ir.js"></script>
<script src="ir.js?%VERSION%"></script>
</body>

BIN
yoRadio/data/www/script.js.gz
View File

Binary file not shown.

BIN
yoRadio/data/www/settings.css.gz Normal file
View File

Binary file not shown.

216
yoRadio/data/www/settings.html Normal file
View File

@@ -0,0 +1,216 @@
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=0.25">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="apple-touch-icon" type="image/png" href="elogo.png">
<link rel="icon" type="image/png" href="elogo.png">
<link rel="stylesheet" title="base" href="style.css?%VERSION%" type="text/css">
<link rel="stylesheet" title="base" href="settings.css?%VERSION%" type="text/css">
<title>ёRadio - Settings</title>
<style> </style>
</head>
<body>
<div class="content">
<h2 class="pagetitle">SёTTINGS</h2>
<div class="navigation group group_system hidden" id="navigation">
<div class="navitem group group_system hidden" data-target="group_system">system</div>
<div class="navitem group group_display group_nextion hidden" data-target="group_display">screen</div>
<div class="navitem group group_controls hidden" data-target="group_controls">controls</div>
<div class="navitem group group_timezone hidden" data-target="group_timezone">timezone</div>
<div class="navitem group group_wifi hidden" data-target="group_wifi">wifi</div>
<div class="navitem group group_weather hidden" data-target="group_weather">weather</div>
</div>
<div class="playerwrap">
<div class="settingsirwrap" id="settingscontent"><a name="system"></a>
<section class="group group_system hidden" id="group_system">
<div class="title"><span>system</span></div><div class="reset" data-name="system"></div>
<div class="flex-row">
<div class="checkbox off nous" id="smartstart">Smart Start</div>
<div class="checkbox off nous" id="audioinfo">Audio info</div>
<div class="checkbox off nous group group_vu hidden" id="vumeter">VU Meter</div>
</div>
<div class="flex-row">
<div class="inputwrap">
<span class="inputtitle">soft ap reboot delay (min)</span>
<span class="inputinfo" id="slsoftapinfo">0</span>
<input type="range" id="slsoftap" class="slider" data-slaveid="slsoftapinfo" name="softap" min="0" max="20" value="0">
</div>
</div>
<div class="flex-row last">
<div class="button apply" data-name="fwupdate" id="fwupdate">Firmware update</div>
</div>
</section><a name="screen"></a>
<section class="group group_display group_nextion hidden" id="group_display">
<div class="title"><span>screen</span></div><div class="reset" data-name="screen"></div>
<div class="flex-row">
<div class="checkbox off nous group group_tft hidden" id="flipscreen">Flip screen</div>
<div class="checkbox off nous group group_tft hidden" id="invertdisplay">Invert screen</div>
<div class="checkbox on nous group group_brightness hidden" id="screenon">Turn on</div>
</div>
<div class="flex-row group group_tft group_nextion hidden">
<div class="checkbox off nous" id="numplaylist">numbered playlist</div>
</div>
<div class="flex-row group group_brightness hidden">
<div class="inputwrap">
<span class="inputtitle">brightness</span>
<span class="inputinfo" id="slbrightnessinfo">0</span>
<input type="range" id="slbrightness" class="slider" data-slaveid="slbrightnessinfo" name="brightness" min="0" max="100" value="100">
</div>
</div>
<div class="flex-row group group_nokia hidden">
<div class="inputwrap">
<span class="inputtitle">contrast</span>
<span class="inputinfo" id="slcontrastinfo">0</span>
<input type="range" id="slcontrast" class="slider" data-slaveid="slcontrastinfo" name="contrast" min="0" max="100" value="55">
</div>
</div>
</section>
<section class="group group_controls hidden" id="group_controls">
<div class="title"><span>Controls</span></div><div class="reset" data-name="controls"></div>
<div class="flex-row">
<div class="inputwrap">
<span class="inputtitle">volume steps</span>
<span class="inputinfo" id="slvolstepsinfo">0</span>
<input type="range" id="slvolsteps" class="slider" data-slaveid="slvolstepsinfo" name="volsteps" min="1" max="10" value="1">
</div>
</div>
<div class="flex-row group group_touch hidden">
<div class="checkbox off nous" id="fliptouch">Flip touch</div>
<div class="checkbox off nous" id="dbgtouch">Debug touch</div>
</div>
<div class="flex-row group group_encoder hidden">
<div class="inputwrap">
<span class="inputtitle">encoder acceleration</span>
<span class="inputinfo" id="slencaccelerationinfo">0</span>
<input type="range" id="slencacceleration" class="slider" data-slaveid="slencaccelerationinfo" name="encacceleration" min="0" max="700" value="200">
</div>
</div>
<div class="flex-row group group_ir hidden">
<div class="inputwrap">
<span class="inputtitle">IR tolerance [<a href="https://crankyoldgit.github.io/IRremoteESP8266/doxygen/html/" target="_blank">docs</a>]</span>
<span class="inputinfo" id="slirtlpinfo">0</span>
<input type="range" id="slirtlp" class="slider" data-slaveid="slirtlpinfo" name="irtlp" min="10" max="80" value="0">
</div>
</div>
<div class="flex-row group group_ir last hidden">
<div class="button apply" data-name="setupir">IR Recorder</div>
</div>
</section><a name="timezone"></a>
<section class="group group_timezone hidden" id="group_timezone">
<div class="title"><span>timezone</span></div><div class="reset" data-name="timezone"></div>
<div class="flex-row">
<div class="inputwrap">
<span class="inputtitle">hours</span>
<input type="number" id="tzhour" class="textinput" name="tzhour" value="" maxlength="3" min="-12" max="14" />
</div>
<div class="inputwrap">
<span class="inputtitle">minutes</span>
<input type="number" id="tzmin" class="textinput" name="tzmin" value="" maxlength="2" min="0" max="45" step="15" />
</div>
</div>
<div class="flex-row">
<div class="inputwrap">
<span class="inputtitle">ntp server #1</span>
<input type="text" id="sntp1" class="textinput" name="sntp1" value="" maxlength="34" />
</div>
<div class="inputwrap">
<span class="inputtitle">ntp server #2</span>
<input type="text" id="sntp2" class="textinput" name="sntp2" value="" maxlength="34" />
</div>
</div>
<div class="flex-row last">
<div class="button apply hlbutton" data-name="applytz" id="applytz">Apply</div>
</div>
</section><a name="wifi"></a>
<section class="group group_wifi hidden" id="group_wifi">
<div class="title"><span>Wi-Fi</span></div>
<div class="flex-row credential">
<div class="inputwrap">
<span class="inputtitle">ssid</span>
<input type="text" id="ssid0" class="textinput" name="ssid" value="" maxlength="20" autocomplete="off" />
</div>
<div class="inputwrap">
<span class="inputtitle">pass</span>
<input type="text" id="pass0" class="textinput" name="pass" value="" placeholder="**********" maxlength="40" autocomplete="off" readonly="readonly" data-pass="" onfocus="this.removeAttribute('readonly');" />
</div>
</div>
<div class="flex-row credential">
<div class="inputwrap">
<span class="inputtitle">ssid</span>
<input type="text" id="ssid1" class="textinput" name="ssid" maxlength="20" autocomplete="off" />
</div>
<div class="inputwrap">
<span class="inputtitle">pass</span>
<input type="text" id="pass1" class="textinput" name="pass" value="" placeholder="**********" maxlength="40" autocomplete="off" readonly="readonly" data-pass="" onfocus="this.removeAttribute('readonly');" />
</div>
</div>
<div class="flex-row credential">
<div class="inputwrap">
<span class="inputtitle">ssid</span>
<input type="text" id="ssid2" class="textinput" name="ssid" value="" maxlength="20" autocomplete="off" />
</div>
<div class="inputwrap">
<span class="inputtitle">pass</span>
<input type="text" id="pass2" class="textinput" name="pass" value="" placeholder="**********" maxlength="40" autocomplete="off" readonly="readonly" data-pass="" onfocus="this.removeAttribute('readonly');" />
</div>
</div>
<div class="flex-row credential">
<div class="inputwrap">
<span class="inputtitle">ssid</span>
<input type="text" id="ssid3" class="textinput" name="ssid" value="" maxlength="20" autocomplete="off" />
</div>
<div class="inputwrap">
<span class="inputtitle">pass</span>
<input type="text" id="pass3" class="textinput" name="pass" value="" placeholder="**********" maxlength="40" autocomplete="off" readonly="readonly" data-pass="" onfocus="this.removeAttribute('readonly');" />
</div>
</div>
<div class="flex-row credential">
<div class="inputwrap">
<span class="inputtitle">ssid</span>
<input type="text" id="ssid4" class="textinput" name="ssid" value="" maxlength="20" autocomplete="off" />
</div>
<div class="inputwrap">
<span class="inputtitle">pass</span>
<input type="text" id="pass4" class="textinput" name="pass" value="" placeholder="**********" maxlength="40" autocomplete="off" readonly="readonly" data-pass="" onfocus="this.removeAttribute('readonly');" />
</div>
</div>
<div class="flex-row last">
<div class="button group group_system hidden" data-name="wifiexport">Export</div>
<div class="button hlbutton" data-name="wifiupload">Save &amp; Reboot</div>
</div>
</section><a name="weather"></a>
<section class="group group_weather hidden" id="group_weather">
<div class="title"><span>Weather</span></div><div class="reset" data-name="weather"></div>
<div class="flex-row center">
<div class="checkbox off nous" id="showweather">show weather</div>
</div>
<div class="flex-row">
<div class="inputwrap">
<span class="inputtitle">latitude</span>
<input type="number" id="weatherlat" class="textinput" name="weatherlat" value="" min="-90" max="90" step="0.0001" />
</div>
<div class="inputwrap">
<span class="inputtitle">longitude</span>
<input type="number" id="weatherlon" class="textinput" name="weatherlon" value="" min="-90" max="90" step="0.0001" />
</div>
</div>
<div class="flex-row">
<div class="inputwrap">
<span class="inputtitle">openweathermap api key [<a href="https://openweathermap.org/appid" target="_blank">link</a>]</span>
<input type="text" id="weatherkey" class="textinput" name="weatherkey" value="" />
</div>
</div>
<div class="flex-row last">
<div class="button apply hlbutton" data-name="applyweather">Apply</div>
</div>
</section><a name="controls"></a>
<div class="hr">&nbsp;</div>
</div>
</div><!--playerwrap-->
<div class="button apply done group group_system hidden" data-name="settingsdone" id="settingsdone">done</div>
<div id="copy">powered by <a target="_blank" href="https://github.com/e2002/yoradio/">ёRadio</a> | v%VERSION%</div>
</div>
<script src="script.js?%VERSION%"></script>
</body>

BIN
yoRadio/data/www/style.css.gz
View File

Binary file not shown.

6
yoRadio/data/www/update.html
View File

@@ -6,8 +6,8 @@
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="apple-touch-icon" type="image/png" href="elogo.png">
<link rel="icon" type="image/png" href="elogo.png">
<link rel="stylesheet" title="base" href="style.css" type="text/css">
<title>ёRadio-update</title>
<link rel="stylesheet" title="base" href="style.css?%VERSION%" type="text/css">
<title>ёRadio - Update</title>
<style>
</style>
</head>
@@ -33,6 +33,6 @@
</div><!--playerwrap-->
<div id="copy">powered by <a target="_blank" href="https://github.com/e2002/yoradio/">ёRadio</a> | v%VERSION%</div>
</div>
<script src="script.js"></script>
<script src="script.js?%VERSION%"></script>
</body>
</html>