I have some code that used CreateJS /EaselJS to create a MovieClip that contains a Tween that contains an mp4 video. In MovieClip there is a method called 'gotoAndPlay' that you can use to change the timeline position of the playhead to a certain frame number. When using this method to change the play position of the video the tweens work but not the Tween that contains the mp4 movie...this object does not load is result in a blank video tag on the page except for the first play through of the clip. Once the mp4 video has been played it didn't play again if the position was set to it through gotoAndPlay...any ideas on how to fix this or if something wrong might be happening?
create js movieclip object containing an mp4 video in a tween does not work with gotoAndPlay calls
446 Views Asked by 5chr At
1
There are 1 best solutions below
Related Questions in CREATEJS
- createJS does not reconize currentTarget
- How to get coverage from React Create App frontend and NodeJs backend by running java Selenium tests?
- Using multiple libraries with one canvas in Adobe Animate
- Need to change text to upper case in JavaScript - createJs
- EaselJS: update tweens as fast as possible while playing MovieClips at 30 FPS
- Creating a path for CreateJS MotionGuidePlugin
- Weird fill + stroke alpha in CreateJS
- Create a BitmapText in PixiJS starting from single .png images where each image corresponds to a char
- How can I force the next tick immediately in CreateJS 1.0.0+?
- How do I over-ride the alpha settings on the createJS Container children?
- keydown event not firing in google sites/wix when using easel.js
- Angular . Problem to create new component
- TweenJS motionguide draw a curved line
- Import external script with angular and storybook 7
- ENOENT (error -4058) during create-react-app
Related Questions in EASELJS
- Is PixiJs is good for creating Graph to plot large number of data points with zoom and scroll
- EaselJS: update tweens as fast as possible while playing MovieClips at 30 FPS
- EaselJS Box2d Sockets.io app: object moving unexpectedly
- Weird fill + stroke alpha in CreateJS
- How can I force the next tick immediately in CreateJS 1.0.0+?
- keydown event not firing in google sites/wix when using easel.js
- Create.js/Easel.js - createjs.Bitmap() - Getting SVG to load at original size?
- Keep angle between 1 and 180 degrees
- Drag object around a half circle on mouse over - Adobe Animate HTML5 Canvas
- Drag object around a circle on mouse over - Adobe Animate/Create.js/Easel.js
- Set button state - Create.js/Easel.js
- Is it possible to add a Gradient Filter to a Bitmap with EaselJS?
- How can I check if a symbol/MC is a child of another symbol/MC?
- Can I Save only a specific item of an HTML canvas?
- How to ignore right click on Easel JS
Related Questions in MOVIECLIP
- Unreal Engine 5.2 Render Movie
- Access root variable from object in Adobe Animate
- MoviePy error: failed to read the duration of file
- Actionscript 3.0 - Using an if-statement with colorTransform
- My sprite will not display, I am making a side scroller on as3
- What's the HTML5 equivalent to Flash MovieClip
- How to create and remove many Child Objects without bogging down the CPU or RAM in AS3
- Adding audio to the clip
- MovieClip not responding to a function
- Why does my imported MovieClip (imported from SWF) not behave like a MovieClip?
- Unable to access MCs via references
- cant access text field inside movieclip
- I can't get MovieClip(parent).play():void; to function correctly
- Adobe Animate, how to reference nested HTML5 movieclips using a variable
- Adobe Animate ReferenceError: Error #1069: Property loopMode not found on _ and there is no default value
Related Questions in TIMELINE
- How to make a DAX formula respond to a Timeline slider?
- The react-google-charts timeline freezes the browser window when you have two data points, each lasting only one second
- Dynamically adjust item height in Flutter Timeline based on ExpandableText content
- Twitter embedded timeline is showing "Nothing to see here"
- Adding the color argument to my px.timeline figures starts a new y-scale for each category. How do I use color so that the y-scale isn't interrupted?
- Timeline in Python - creating spaces between dates lines
- Create a timeline in a table shape
- Export to PDF/Jpg functionality unable to export the entire timeine chart as pdf/jpg. Data get chopped off
- React Slick: Trigger callback or highlight slide when dragged/swiped slide passes the halfway point
- Is there a better way to implement the timeline(see image) so that it is responsive to different screen sizes?
- Google timeline chart is slow for large data
- How to show multiple same date on timeline chart in highchart
- Use mat-stepper just for display
- can i stop view or scroll timeline animation when scrolling up?
- React Timelines Plugin Issue: Displaying Message Borders but Not Date Ranges
Related Questions in TWEEN
- Cannot see tween opacity changing effect in threeJS
- When having the cursor move from one spot to another, once it reaches its final destination the cursor doesnt detect that its over a button
- How to properly apply a Tween to a 3D rotation in Godot 4?
- How to make Ease In/Out Back animation constant regardless of movement length
- Why am I experiencing performance issues with DoTween?
- Tween animation circular motion
- How to resize a cylinder from one end and move it backwards in Roblox
- Tween being delayed
- Why Cocos creator 3.8 tween doesnt work into async func (with Promise)
- Can I possibly use TweenService to tween Image Transparency on Roblox Studio?
- gganimate animate based on both ID and time
- Issue with Scroll Magic Animation on Shopify (Liquid)
- Tweened object has false global_position
- how to control bezier animation?
- How to make a model tween when a button is clicked
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
In ActionScript animations, FLV movies can be locked to the timeline. But in HTML Canvas animations, MP4 movies are not really fully-fledged "Animate" objects. They look the same for the most part but the integration is not as tight as in Flash.
Since the videos exist outside of the Canvas, you'll need to use jQuery or JavaScript to address them. This can be done by using the Code Snippets in the HTML5 Canvas - Components - Video folder.
As an advance warning, "seeking" to different locations in an MP4 video the way you described is not as reliable as it was in Flash. Browsers like Internet Explorer don't handle seeking well and will likely crash. If frame -by-frame accuracy is important, you may find the best visual results by avoiding the video component and converting your movie to an actual MovieClip in Animate CC, which will increase your file size significantly.