Comments (2)
I'm only just starting to look at this library myself, but it seems that it supports adding new videos dynamically during playback. I took their CompositingNode demo and modified it to add a video node during playback: https://codesandbox.io/s/videocontext-adding-video-to-end-dynamically-jo3qs
(If you see an error, click CodeSandbox's refresh icon. The demos seem to error initially and I'm not sure why)
The main change I made was to move the addition of the videoNode2
into a setTimeout
that triggers 8 seconds after playback begins, and also to use the startAt
and stopAt
functions to set its time instead of start
and stop
.
I think for your use case you'd need to manually keep track of the "stop" point of the last video, so that you can add new videos after it, but it does seem to work.
from videocontext.
@dceddia thanks so much for your reply. Question answered!
from videocontext.
Related Issues (20)
- Vertical video HOT 8
- Can I run on server and save final video ? HOT 4
- What's the easiest way to have a 'poster' image whilst a video initially buffers?
- InvalidAccessError when calling clearTimelineState or destroy in Microsoft Edge HOT 2
- Unhandled Rejection (TypeError): 2 is not a valid argument count for any overload of Window.createImageBitmap
- TypeError: Invalid operand to 'instanceof': Function expected
- imageNode seek registerCallback loaded. is instability
- Expose internal nodes for extending HOT 2
- Live HLS Support
- Empty graph does not clear canvas
- CodeSandbox example error HOT 1
- 多个音频播放有噪音
- Video not rendered initially if not cached
- Is there a way to apply the LUT?
- Video stops for a moment.
- Do start, stop functions take only seconds?
- Is it possible to apply LUTs (3D, 1D) via effect node.
- Suggestion: Use WebCodecs API
- How to position element on the canvas? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from videocontext.