dumtruck/konowebcodecs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update website

Browse Source
This commit is contained in:
Jerome Wu
2023-07-24 23:57:29 +08:00
parent b277631f38
commit 8a9ffadf85
11 changed files with 88 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/website/docs/getting-started/configuration.md
View File

@@ -1 +0,0 @@
# Configuration

39
apps/website/docs/getting-started/installation.md
View File

@@ -1,44 +1,67 @@
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
# Installation
ffmpeg.wasm supports multiple ways of installation:
:::note
ffmpeg.wasm only supports running in browser, see [FAQ](/docs/faq) for more
details
:::
## Packages Managers
To install ffmpeg.wasm using package managers like npm and yarn:
Install ffmpeg.wasm using package managers like npm and yarn:
<Tabs>
<TabItem value="npm" label="npm" default>
```bash
npm install @ffmpeg/ffmpeg
npm install @ffmpeg/ffmpeg @ffmpeg/util
```
Or
</TabItem>
<TabItem value="yarn" label="yarn">
```bash
yarn add @ffmpeg/ffmpeg
yarn add @ffmpeg/ffmpeg @ffmpeg/util
```
## Vanilla HTML
</TabItem>
</Tabs>
To use ffmpeg.wasm directly in your web page:
## CDN
Install ffmpeg.wasm with minimal setup via installing it via CDN.
<Tabs>
<TabItem value="classic" label="classic" default>
```html
<html>
<head>
<script src="https://unpkg.com/@ffmpeg/ffmpeg@0.12.0/dist/umd/ffmpeg.js"></script>
<script src="https://unpkg.com/@ffmpeg/util@0.12.0/dist/umd/index.js"></script>
<script>
const { FFmpeg } = FFmpegWASM;
const { fetchFile } = FFmpegUtil;
</script>
</head>
</html>
```
Or use it as a module:
</TabItem>
<TabItem value="module" label="module">
```html
<html>
<head>
<script type="module">
import { FFmpeg } from "https://unpkg.com/@ffmpeg/ffmpeg@0.12.0/dist/esm/ffmpeg.js";
import { fetchFile } from "https://unpkg.com/@ffmpeg/util@0.12.0/dist/esm/index.js";
</script>
</head>
</html>
```
</TabItem>
</Tabs>

1
apps/website/docs/getting-started/multi-thread.md
View File

@@ -1 +0,0 @@
# Use Mutlithreading

32
apps/website/docs/getting-started/usage.md Normal file
View File

@@ -0,0 +1,32 @@
# Usage
Learn the basics of using ffmpeg.wasm.
:::note
It is recommended to read [introduction](/docs/intro) to fully understand the
rationale.
:::
## Basic
Converting an AVI video to a MP4 video:
```js
import { FFmpeg } from "@ffmpeg/ffmpeg";
import { fetchFile } from "@ffmpeg/util";
const videoURL = "https://github.com/ffmpegwasm/testdata/raw/master/video-15s.avi";
(async () => {
const ffmpeg = new FFmpeg();
// Create a web worker and the worker loads WebAssembly code.
await ffmpeg.load();
// Write a video file to FS.
await ffmpeg.writeFile("input.avi", await fetchFile(videoURL));
// Execute ffmpeg command.
await ffmpeg.exec(["-i", "input.avi", "output.mp4"]);
// Read the output video file from FS, the output file is a Uint8Array typed
// array.
const data = await ffmpeg.readFile("output.mp4");
})();
```