ffmpegwasm / ffmpegwasm/ffmpeg.wasm

React App Example Throws Error (SharedArrayBuffer is not defined)

Open
#245 13 comments 0 reactions 0 assignees View on GitHub
Dominant language
C
Stars
17.8k
Forks
1.1k
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
A clear and concise description of what the bug is.

**To Reproduce**
Steps to reproduce the behavior:
1. Clone the repo
2. Install dependencies (yarn)
3. Run app (yarn start)
4. Open http://localhost:300
5. Click "Start"
6. You will see an error like:
```
Unhandled Rejection (ReferenceError): SharedArrayBuffer is not defined
▶ 2 stack frames were collapsed.
async doTranscode
src/App.js:13
10 | });
11 | const doTranscode = async () => {
12 | setMessage('Loading ffmpeg-core.js');
> 13 | await ffmpeg.load();
| ^ 14 | setMessage('Start transcoding');
15 | ffmpeg.FS('writeFile', 'test.avi', await fetchFile('/flame.avi'));
16 | await ffmpeg.run('-i', 'test.avi', 'test.mp4');
View compiled
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error. Click the 'X' or hit ESC to dismiss this message.
```

**Expected behavior**
Of course, the demo working fresh from an install to work.

**Screenshots**
![Screen Shot 2021-08-13 at 11 22 42 AM](https://user-images.githubusercontent.com/34040155/129381936-b6a349a9-aae2-4874-9b4e-ba4baa07a18f.png)

**Desktop (please complete the following information):**
- OS: macOS 11.4
- Browser Chrome
- Version 92.0.4515.131 (Official Build) (x86_64)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.