|
46 | 46 |
|
47 | 47 | <div id="model">
|
48 | 48 | Whisper model: <span id="model-whisper-status"></span>
|
49 |
| - <button id="fetch-whisper-tiny-en" onclick="loadWhisper('tiny.en')">tiny.en (75 MB)</button> |
50 |
| - <button id="fetch-whisper-tiny" onclick="loadWhisper('tiny')">tiny (75 MB)</button> |
51 |
| - <button id="fetch-whisper-base-en" onclick="loadWhisper('base.en')">base.en (142 MB)</button> |
52 |
| - <button id="fetch-whisper-base" onclick="loadWhisper('base')">base (142 MB)</button> |
| 49 | + <button id="fetch-whisper-tiny-en" onclick="loadWhisper('tiny.en')">tiny.en (75 MB)</button> |
| 50 | + <button id="fetch-whisper-tiny" onclick="loadWhisper('tiny')">tiny (75 MB)</button> |
| 51 | + <button id="fetch-whisper-base-en" onclick="loadWhisper('base.en')">base.en (142 MB)</button> |
| 52 | + <button id="fetch-whisper-base" onclick="loadWhisper('base')">base (142 MB)</button> |
| 53 | + <button id="fetch-whisper-small-en" onclick="loadWhisper('small.en')">small.en (466 MB)</button> |
| 54 | + <button id="fetch-whisper-small" onclick="loadWhisper('small')">small (466 MB)</button> |
53 | 55 | <span id="fetch-whisper-progress"></span>
|
54 | 56 |
|
55 | 57 | <input type="file" id="whisper-file" name="file" onchange="loadFile(event, 'whisper.bin')" />
|
|
284 | 286 | }
|
285 | 287 | reader.readAsArrayBuffer(file);
|
286 | 288 |
|
287 |
| - document.getElementById('fetch-whisper-tiny-en').style.display = 'none'; |
288 |
| - document.getElementById('fetch-whisper-base-en').style.display = 'none'; |
289 |
| - document.getElementById('fetch-whisper-tiny' ).style.display = 'none'; |
290 |
| - document.getElementById('fetch-whisper-base' ).style.display = 'none'; |
291 |
| - document.getElementById('whisper-file' ).style.display = 'none'; |
292 |
| - document.getElementById('model-whisper-status' ).innerHTML = 'loaded model: ' + file.name; |
| 289 | + document.getElementById('fetch-whisper-tiny-en' ).style.display = 'none'; |
| 290 | + document.getElementById('fetch-whisper-base-en' ).style.display = 'none'; |
| 291 | + document.getElementById('fetch-whisper-small-en').style.display = 'none'; |
| 292 | + document.getElementById('fetch-whisper-tiny' ).style.display = 'none'; |
| 293 | + document.getElementById('fetch-whisper-base' ).style.display = 'none'; |
| 294 | + document.getElementById('fetch-whisper-small' ).style.display = 'none'; |
| 295 | + document.getElementById('whisper-file' ).style.display = 'none'; |
| 296 | + document.getElementById('model-whisper-status' ).innerHTML = 'loaded model: ' + file.name; |
293 | 297 | }
|
294 | 298 |
|
295 | 299 | function loadWhisper(model) {
|
296 | 300 | let urls = {
|
297 |
| - 'tiny.en': 'https://whisper.ggerganov.com/ggml-model-whisper-tiny.en.bin', |
298 |
| - 'tiny': 'https://whisper.ggerganov.com/ggml-model-whisper-tiny.bin', |
299 |
| - 'base.en': 'https://whisper.ggerganov.com/ggml-model-whisper-base.en.bin', |
300 |
| - 'base': 'https://whisper.ggerganov.com/ggml-model-whisper-base.bin', |
| 301 | + 'tiny.en': 'https://whisper.ggerganov.com/ggml-model-whisper-tiny.en.bin', |
| 302 | + 'tiny': 'https://whisper.ggerganov.com/ggml-model-whisper-tiny.bin', |
| 303 | + 'base.en': 'https://whisper.ggerganov.com/ggml-model-whisper-base.en.bin', |
| 304 | + 'base': 'https://whisper.ggerganov.com/ggml-model-whisper-base.bin', |
| 305 | + 'small.en': 'https://whisper.ggerganov.com/ggml-model-whisper-small.en.bin', |
| 306 | + 'small': 'https://whisper.ggerganov.com/ggml-model-whisper-small.bin', |
301 | 307 | };
|
302 | 308 |
|
303 | 309 | let sizes = {
|
304 |
| - 'tiny.en': 75, |
305 |
| - 'tiny': 75, |
306 |
| - 'base.en': 142, |
307 |
| - 'base': 142, |
| 310 | + 'tiny.en': 75, |
| 311 | + 'tiny': 75, |
| 312 | + 'base.en': 142, |
| 313 | + 'base': 142, |
| 314 | + 'small.en': 466, |
| 315 | + 'small': 466, |
308 | 316 | };
|
309 | 317 |
|
310 | 318 | let url = urls[model];
|
|
313 | 321 |
|
314 | 322 | model_whisper = model;
|
315 | 323 |
|
316 |
| - document.getElementById('fetch-whisper-tiny-en').style.display = 'none'; |
317 |
| - document.getElementById('fetch-whisper-base-en').style.display = 'none'; |
318 |
| - document.getElementById('fetch-whisper-tiny' ).style.display = 'none'; |
319 |
| - document.getElementById('fetch-whisper-base' ).style.display = 'none'; |
320 |
| - document.getElementById('whisper-file' ).style.display = 'none'; |
321 |
| - document.getElementById('model-whisper-status' ).innerHTML = 'loading model: ' + model; |
| 324 | + document.getElementById('fetch-whisper-tiny-en' ).style.display = 'none'; |
| 325 | + document.getElementById('fetch-whisper-base-en' ).style.display = 'none'; |
| 326 | + document.getElementById('fetch-whisper-small-en').style.display = 'none'; |
| 327 | + document.getElementById('fetch-whisper-tiny' ).style.display = 'none'; |
| 328 | + document.getElementById('fetch-whisper-base' ).style.display = 'none'; |
| 329 | + document.getElementById('fetch-whisper-small' ).style.display = 'none'; |
| 330 | + document.getElementById('whisper-file' ).style.display = 'none'; |
| 331 | + document.getElementById('model-whisper-status' ).innerHTML = 'loading model: ' + model; |
322 | 332 |
|
323 | 333 | cbProgress = function(p) {
|
324 | 334 | let el = document.getElementById('fetch-whisper-progress');
|
|
327 | 337 |
|
328 | 338 | cbCancel = function() {
|
329 | 339 | var el;
|
330 |
| - el = document.getElementById('fetch-whisper-tiny-en'); if (el) el.style.display = 'inline-block'; |
331 |
| - el = document.getElementById('fetch-whisper-base-en'); if (el) el.style.display = 'inline-block'; |
332 |
| - el = document.getElementById('fetch-whisper-tiny' ); if (el) el.style.display = 'inline-block'; |
333 |
| - el = document.getElementById('fetch-whisper-base' ); if (el) el.style.display = 'inline-block'; |
334 |
| - el = document.getElementById('whisper-file' ); if (el) el.style.display = 'inline-block'; |
335 |
| - el = document.getElementById('model-whisper-status' ); if (el) el.innerHTML = ''; |
| 340 | + el = document.getElementById('fetch-whisper-tiny-en' ); if (el) el.style.display = 'inline-block'; |
| 341 | + el = document.getElementById('fetch-whisper-base-en' ); if (el) el.style.display = 'inline-block'; |
| 342 | + el = document.getElementById('fetch-whisper-small-en'); if (el) el.style.display = 'inline-block'; |
| 343 | + el = document.getElementById('fetch-whisper-tiny' ); if (el) el.style.display = 'inline-block'; |
| 344 | + el = document.getElementById('fetch-whisper-base' ); if (el) el.style.display = 'inline-block'; |
| 345 | + el = document.getElementById('fetch-whisper-small' ); if (el) el.style.display = 'inline-block'; |
| 346 | + el = document.getElementById('whisper-file' ); if (el) el.style.display = 'inline-block'; |
| 347 | + el = document.getElementById('model-whisper-status' ); if (el) el.innerHTML = ''; |
336 | 348 | };
|
337 | 349 |
|
338 | 350 | loadRemote(url, dst, size_mb, cbProgress, storeFS, cbCancel, printTextarea);
|
|
0 commit comments