|
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