8acb1a3a29
Some checks failed
REUSE Compliance Check / lint (push) Failing after 0s
Browser E2E / Test (push) Failing after 3s
Test / test (1.24) (push) Failing after 0s
Test / test-i386 (1.25) (push) Failing after 0s
Test / test-i386 (1.24) (push) Failing after 0s
Test / test-windows (1.25) (push) Failing after 0s
Test / test-windows (1.24) (push) Failing after 0s
Test / test (1.25) (push) Failing after 0s
Examples Tests / Test (push) Failing after 3s
Test / test-macos (1.25) (push) Failing after 0s
Test / test-macos (1.24) (push) Failing after 0s
Go mod tidy / tidy (push) Failing after 0s
Test / test-wasm (push) Failing after 0s
CodeQL / analyze (push) Failing after 1s
Fuzz / fuzz (push) Failing after 0s
49 lines
1.3 KiB
Markdown
49 lines
1.3 KiB
Markdown
# quick-switch
|
|
quick-switch demonstrates how to quickly switch between multiple videos using WebRTC.
|
|
Similiar to how sites like TikTok quickly swipe between videos
|
|
|
|
|
|
<video src="https://github.com/user-attachments/assets/07f15044-3aeb-44e2-a866-14bd4258aca0" autoplay loop muted> </video>
|
|
|
|
The logic in the frontend is purposefully kept as simple as possible. Making it easy to use this on any platform that supports WebRTC.
|
|
|
|
In the `main.go` we have one video track, and we switch which video file is written to it.
|
|
|
|
## Instructions
|
|
|
|
### Download quick-switch
|
|
This example requires you to clone the repo since it is serving static HTML.
|
|
|
|
```
|
|
git clone https://github.com/pion/webrtc.git
|
|
cd webrtc/examples/quick-switch
|
|
```
|
|
|
|
### Create your videos
|
|
This example expects AV1 inside a ivf container. I used the follow to encode for my demo.
|
|
|
|
```
|
|
ffmpeg -y \
|
|
-i $YOUR_INPUT_VIDEO \
|
|
-c:v libaom-av1 \
|
|
-usage realtime \
|
|
-lag-in-frames 0 \
|
|
-crf 30 \
|
|
-b:v 0 \
|
|
-g 15 \
|
|
-keyint_min 15 \
|
|
-sc_threshold 0 \
|
|
-pix_fmt yuv420p \
|
|
-f ivf \
|
|
output.ivf
|
|
```
|
|
|
|
|
|
### Run quick-switch
|
|
Execute `go run *.go`
|
|
|
|
### Open the Web UI
|
|
Open [http://localhost:8080](http://localhost:8080). This will automatically start a PeerConnection.
|
|
|
|
Press 'Next Video' and have fun! If you have ideas on how to make it better we would love to hear.
|