Skip to content
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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Conversation

tuantinghuang
Copy link
Collaborator

The main change is adding in the feature to allow viewers to jump through video timeline with different sections. Also did some other fixes:

  • optimized audio
  • added in transcript
  • ending call-to-action frame (Donate box styling will be investigated by Xin)
  • redesigned beginning frame

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.

@@ -1,7 +1,7 @@
var main = {
sketch: null,
scaleFactor: 1.0,
debug: false,
debug: true,
Copy link

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?

Copy link
Collaborator Author

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 + "}");
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Intended console log?

Copy link
Collaborator Author

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 });
Copy link

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?

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Collaborator Author

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants