Improve Transformers.js usage instructions (#4)

- Improve Transformers.js usage instructions (6ba4f165085b52248fb528e7d5c2be86a91a40b1)


Co-authored-by: Joshua <[email protected]>

README.md

@@ -323,17 +323,25 @@ make -j && ./main -m models/ggml-distil-small.en.bin -f samples/jfk.wav
 
 ### Transformers.js
 
+Distil-Whisper can even run completely in your web browser with [Transformers.js](http://github.com/xenova/transformers.js):
+
+1. Install Transformers.js from [NPM](https://www.npmjs.com/package/@xenova/transformers):
+```bash
+npm i @xenova/transformers
+```
+
+2. Import the library and perform inference with the pipeline API.
 ```js
 import { pipeline } from '@xenova/transformers';
 
-let transcriber = await pipeline('automatic-speech-recognition', 'distil-whisper/distil-small.en');
+const transcriber = await pipeline('automatic-speech-recognition', 'distil-whisper/distil-small.en');
 
-let url = 'https://huggingface.co/datasets/Xenova/transformers.js-docs/resolve/main/jfk.wav';
-let output = await transcriber(url);
+const url = 'https://huggingface.co/datasets/Xenova/transformers.js-docs/resolve/main/jfk.wav';
+const output = await transcriber(url);
 // { text: " And so my fellow Americans, ask not what your country can do for you. Ask what you can do for your country." }
 ```
 
-Check out the online [Distil-Whisper Web demo](https://huggingface.co/distil-whisper/distil-small.en) to try it out yourself. As you'll see, it runs directly in your browser: no server required!
+Check out the online [Distil-Whisper Web demo](https://huggingface.co/spaces/Xenova/distil-whisper-web) to try it out yourself. As you'll see, it runs locally in your browser: no server required!
 
 See the [docs](https://huggingface.co/docs/transformers.js/api/pipelines#module_pipelines.AutomaticSpeechRecognitionPipeline) for more information.