VideoTools/vendor/github.com/ebitengine/oto/v3/driver_js.go
Stu Leak 68df790d27 Fix player frame generation and video playback
Major improvements to UnifiedPlayer:

1. GetFrameImage() now works when paused for responsive UI updates
2. Play() method properly starts FFmpeg process
3. Frame display loop runs continuously for smooth video display
4. Disabled audio temporarily to fix video playback fundamentals
5. Simplified FFmpeg command to focus on video stream only

Player now:
- Generates video frames correctly
- Shows video when paused
- Has responsive progress tracking
- Starts playback properly

Next steps: Re-enable audio playback once video is stable
2026-01-07 22:20:00 -05:00

224 lines
6.5 KiB
Go

// Copyright 2021 The Oto Authors
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
package oto
import (
"errors"
"fmt"
"runtime"
"syscall/js"
"unsafe"
"github.com/ebitengine/oto/v3/internal/mux"
)
type context struct {
audioContext js.Value
scriptProcessor js.Value
scriptProcessorCallback js.Func
ready bool
mux *mux.Mux
}
func newContext(sampleRate int, channelCount int, format mux.Format, bufferSizeInBytes int) (*context, chan struct{}, error) {
ready := make(chan struct{})
class := js.Global().Get("AudioContext")
if !class.Truthy() {
class = js.Global().Get("webkitAudioContext")
}
if !class.Truthy() {
return nil, nil, errors.New("oto: AudioContext or webkitAudioContext was not found")
}
options := js.Global().Get("Object").New()
options.Set("sampleRate", sampleRate)
d := &context{
audioContext: class.New(options),
mux: mux.New(sampleRate, channelCount, format),
}
if bufferSizeInBytes == 0 {
// 4096 was not great at least on Safari 15.
bufferSizeInBytes = 8192 * channelCount
}
buf32 := make([]float32, bufferSizeInBytes/4)
if w := d.audioContext.Get("audioWorklet"); w.Truthy() {
script := fmt.Sprintf(`
class OtoWorkletProcessor extends AudioWorkletProcessor {
constructor() {
super();
this.bufferSize_ = %[1]d;
this.channelCount_ = %[2]d;
this.buf_ = new Float32Array();
this.waitRecv_ = false;
// Receive data from the main thread.
this.port.onmessage = (event) => {
const buf = event.data;
const newBuf = new Float32Array(this.buf_.length + buf.length);
newBuf.set(this.buf_);
newBuf.set(buf, this.buf_.length);
this.buf_ = newBuf;
this.waitRecv_ = false;
}
}
process(inputs, outputs, parameters) {
const output = outputs[0];
// If the buffer is too short, request more data and return silence.
if (this.buf_.length < output[0].length*this.channelCount_) {
if (!this.waitRecv_) {
this.waitRecv_ = true;
this.port.postMessage(null);
}
for (let i = 0; i < output.length; i++) {
output[i].fill(0);
}
return true;
}
// If the buffer is short, request more data.
if (this.buf_.length < this.bufferSize_*this.channelCount_ / 2 && !this.waitRecv_) {
this.waitRecv_ = true;
this.port.postMessage(null);
}
for (let i = 0; i < this.channelCount_; i++) {
for (let j = 0; j < output[i].length; j++) {
output[i][j] = this.buf_[j*this.channelCount_+i];
}
}
this.buf_ = this.buf_.slice(output[0].length*this.channelCount_);
return true;
}
}
registerProcessor('oto-worklet-processor', OtoWorkletProcessor);
`, bufferSizeInBytes/4/channelCount, channelCount)
w.Call("addModule", newScriptURL(script)).Call("then", js.FuncOf(func(this js.Value, arguments []js.Value) any {
node := js.Global().Get("AudioWorkletNode").New(d.audioContext, "oto-worklet-processor", map[string]any{
"outputChannelCount": []any{channelCount},
})
port := node.Get("port")
// When the worklet processor requests more data, send the request to the worklet.
port.Set("onmessage", js.FuncOf(func(this js.Value, arguments []js.Value) any {
d.mux.ReadFloat32s(buf32)
buf := float32SliceToTypedArray(buf32)
port.Call("postMessage", buf, map[string]any{
"transfer": []any{buf.Get("buffer")},
})
return nil
}))
node.Call("connect", d.audioContext.Get("destination"))
return nil
}))
} else {
// Use ScriptProcessorNode if AudioWorklet is not available.
chBuf32 := make([][]float32, channelCount)
for i := range chBuf32 {
chBuf32[i] = make([]float32, len(buf32)/channelCount)
}
sp := d.audioContext.Call("createScriptProcessor", bufferSizeInBytes/4/channelCount, 0, channelCount)
f := js.FuncOf(func(this js.Value, arguments []js.Value) any {
d.mux.ReadFloat32s(buf32)
for i := 0; i < channelCount; i++ {
for j := range chBuf32[i] {
chBuf32[i][j] = buf32[j*channelCount+i]
}
}
buf := arguments[0].Get("outputBuffer")
if buf.Get("copyToChannel").Truthy() {
for i := 0; i < channelCount; i++ {
buf.Call("copyToChannel", float32SliceToTypedArray(chBuf32[i]), i, 0)
}
} else {
// copyToChannel is not defined on Safari 11.
for i := 0; i < channelCount; i++ {
buf.Call("getChannelData", i).Call("set", float32SliceToTypedArray(chBuf32[i]))
}
}
return nil
})
sp.Call("addEventListener", "audioprocess", f)
d.scriptProcessor = sp
d.scriptProcessorCallback = f
sp.Call("connect", d.audioContext.Get("destination"))
}
// Browsers require user interaction to start the audio.
// https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#webaudio
events := []string{"touchend", "keyup", "mouseup"}
var onEventFired js.Func
var onResumeSuccess js.Func
onResumeSuccess = js.FuncOf(func(this js.Value, arguments []js.Value) any {
d.ready = true
close(ready)
for _, event := range events {
js.Global().Get("document").Call("removeEventListener", event, onEventFired)
}
onEventFired.Release()
onResumeSuccess.Release()
return nil
})
onEventFired = js.FuncOf(func(this js.Value, arguments []js.Value) any {
if !d.ready {
d.audioContext.Call("resume").Call("then", onResumeSuccess)
}
return nil
})
for _, event := range events {
js.Global().Get("document").Call("addEventListener", event, onEventFired)
}
return d, ready, nil
}
func (c *context) Suspend() error {
c.audioContext.Call("suspend")
return nil
}
func (c *context) Resume() error {
c.audioContext.Call("resume")
return nil
}
func (c *context) Err() error {
return nil
}
func float32SliceToTypedArray(s []float32) js.Value {
bs := unsafe.Slice((*byte)(unsafe.Pointer(&s[0])), len(s)*4)
a := js.Global().Get("Uint8Array").New(len(bs))
js.CopyBytesToJS(a, bs)
runtime.KeepAlive(s)
buf := a.Get("buffer")
return js.Global().Get("Float32Array").New(buf, a.Get("byteOffset"), a.Get("byteLength").Int()/4)
}
func newScriptURL(script string) js.Value {
blob := js.Global().Get("Blob").New([]any{script}, map[string]any{"type": "text/javascript"})
return js.Global().Get("URL").Call("createObjectURL", blob)
}