-
-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Jump through progress bar + Other fixes #2
base: main
Are you sure you want to change the base?
Conversation
@@ -1,7 +1,7 @@ | |||
var main = { | |||
sketch: null, | |||
scaleFactor: 1.0, | |||
debug: false, | |||
debug: true, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@tuantinghuang this looks like a typo?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yes! Fixing it now
@@ -20,7 +19,7 @@ var main = { | |||
console.log(script.popcorn.currentTime()); | |||
var clickX = e.pageX - ($(window).width() / 2) | |||
clickY = $(window).height() - e.pageY; | |||
console.log("{left:" + clickX + ", top:" + clickY + "}"); | |||
console.log("{left:" + e.pageX + ", top:" + clickY + "}"); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Intended console log?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sometimes when debugging, we need to fix the CSS with this.
@@ -2,7 +2,7 @@ var script = { | |||
popcorn: null, | |||
init: function () { | |||
|
|||
var pop = Popcorn.smart("#videoClip", ["https://storage.cloud.google.com/hello-p5-bucket/p5-video-draft-3.webm", "https://storage.cloud.google.com/hello-p5-bucket/p5-video-draft-3.mp4"], { width: 1920, height: 1080 }); | |||
var pop = Popcorn.smart("#videoClip", ["/assets/p5-video-draft-4.webm", "/assets/p5-video-draft-4.mp4"], { width: 1920, height: 1080 }); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@tuantinghuang The public link is here: https://hello-assets.p5js.org/p5-video-draft-3.webm - please check if this works?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Both link works, thank you! I will send the newest version of the video files once I fix more things!
The main change is adding in the feature to allow viewers to jump through video timeline with different sections. Also did some other fixes:
The video files used in the code now can be downloaded here and run local temporarily. Will transfer to Processing's CDN once the video files are finalized.