forked from sle118/squeezelite-esp32-installer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (115 loc) · 7.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Some stats to understand how the installer is being used. Thank you! -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5G864CX9VG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-5G864CX9VG');
</script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Squeezelite-ESP32 Installer</title>
<script type="module" src="https://unpkg.com/[email protected]/dist/web/install-button.js?module">
</script>
<style>
</style>
</head>
<body>
<div class="container " style=" height: 100%; ">
<div class="jumbotron" style="width: 100%; height: 75% ">
<h1 class="display-3">Squeezelite-ESP32</h1>
<p class="lead">You've reached the installer page of the Squeezelite-ESP32 project, where you can initialize
new devices. </p>
<hr class="my-4">
<p>Plug the device to your computer using a usb cable or, as needed, a USB to serial adapter, select the
hardware platform
that matches your device, the version you wish to use and click on the connect button. Note that the
I2S-4MFlash platform is
the generic version that will work for most devices.</p>
<p>By default, the connect button allows setting up wifi credentials for devices already flashed with
support for improv-wifi-serial</p>
<p>It is highly recommended to use the 16 bits versions. See the <a
href="https://github.com/sle118/squeezelite-esp32#performances">readme</a> for more details</p>
</div>
<div class="mb-3">
<esp-web-install-button id="button_web_install" manifest="base_manifest.json">
<button type="button" class="btn btn-primary" slot="activate">Connect to device </button>
<span slot="not-allowed">
<div class="alert alert-dismissible alert-danger"><button type="button" class="btn-close"
data-bs-dismiss="alert"></button><strong>Not Allowed</strong>
<div>Flashing is only supported from the local host or from a secure web site.</div>
</div>
</span>
<span slot="notsupported">
<div class="alert alert-dismissible alert-danger"><button type="button" class="btn-close"
data-bs-dismiss="alert"></button><strong>Browser Not Supported</strong> <a
href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API#browser_compatibility">Make
sure you are using a compatible browser</a></div>
</span>
</esp-web-install-button>
</div>
<div id="device_tiles" >
<div class="d-flex flex-row">
<div class="card bg-secondary mb-3" style="max-width: 20rem;" role="button" >
<div class="card-header bg-primary" role="button" id="cardI2S-4MFlash_header"><input id="cardI2S-4MFlash" type="radio" checked=""><label for="cardI2S-4MFlash">Generic/I2S</label> </div>
<div class="card-body" >
<p class="card-text">Any ESP32 device with a WROVER processor is supported. All that is needed
is an I2S digital to analog converter (DAC).
There are many writeups on the web that explain how to build one for cheap, or if you
prefer, you can also find some pre-assembled options for example <a
href="https://forums.slimdevices.com/showthread.php?116799-Squeezelite-ESP32-gt-3-NEW-OpenHardware-Boards-(MAKT32-MAKT32CL-ESP32-ADF)">here</a>
and <a
href="https://forums.slimdevices.com/showthread.php?116009-Squeezelite-esp32-on-ESP32-Audio-Kit-v2-2-Rotary-Encoder-SSD1322-Screen-2-keys">here</a>
</p>
<img src="images/esp32-a1s.png" width="100%"/>
</div>
</div>
<div class="card bg-secondary mb-3" style="max-width: 20rem;" role="button" >
<div class="card-header" id="cardSqueezeAmp_header" role="button"><input id="cardSqueezeAmp" type="radio" ><label for="cardSqueezeAmp">SqueezeAMP</label> </div>
<div class="card-body" >
<p class="card-text">These little gems are the brainchilds of a principal contributor to the
squeezelite-esp32 project, who orders batches from time to time and sells them at cost via
the
<a
href="https://forums.slimdevices.com/showthread.php?116084-New-modified-SqueezeAMP-batch">Logitech
Forums</a>. The hardware design is open source and you can find the
<a href="https://github.com/philippe44/SqueezeAMP">project page here with all the details</a>
<img src="images/Boost with OLED - angled.png" width="100%"/>
</p>
</div>
</div>
<div class="card bg-secondary mb-3" style="max-width: 20rem;" role="button" >
<div class="card-header" id="cardMuse_header" role="button"><input id="cardMuse" type="radio" ><label for="cardMuse">ESP Muse Luxe</label> </div>
<div class="card-body" >
<p class="card-text">
From the <a href="https://raspiaudio.com/muse">creators</a>: "The first Open software Bluetooth speaker and much more".
<img src="images/esp_muse_luxe.png" width="100%"/>
</p>
</div>
</div>
</div>
</div>
<div style="height: 75%; ">
<div class="panel panel-default ">
<div class="panel-body">
<ul id="platforms_tabs" class="nav nav-tabs" role="tablist"></ul>
<div id="firmware_content" class="tab-content">
</div>
<div class="accordion" id="platforms"></div>
</div>
<div class="panel-footer mt-4"><a
href="https://github.com/sle118/squeezelite-esp32">Squeezelite-ESP32</a>
—
<a href="https://github.com/sle118/squeezelite-esp32-installer">Squeezelite-ESP32 Installer</a>
—
<a href="https://esphome.github.io/esp-web-tools/">Installer based on ESP Web Tools</a>
</div>
</div>
</div>
</div>
</body>
</html>