VS editing app :for beginners

function VideoEditor() {
  // Initialize the video player.
  this.videoPlayer = document.querySelector("#video-player");

  // Create a new video.
  this.video = new Video();

  // Add the video to the video player.
  this.videoPlayer.src = this.video.src;

  // Add a listener for the play button.
  document.querySelector("#play-button").addEventListener("click", this.play.bind(this));

  // Add a listener for the pause button.
  document.querySelector("#pause-button").addEventListener("click", this.pause.bind(this));

  // Add a listener for the stop button.
  document.querySelector("#stop-button").addEventListener("click", this.stop.bind(this));

  // Add a listener for the rewind button.
  document.querySelector("#rewind-button").addEventListener("click", this.rewind.bind(this));

  // Add a listener for the fast-forward button.
  document.querySelector("#fast-forward-button").addEventListener("click", this.fastForward.bind(this));

  // Add a listener for the volume slider.
  document.querySelector("#volume-slider").addEventListener("input", this.setVolume.bind(this));
}

VideoEditor.prototype.play = function() {
  // Play the video.
  this.video.play();
};

VideoEditor.prototype.pause = function() {
  // Pause the video.
  this.video.pause();
};

VideoEditor.prototype.stop = function() {
  // Stop the video.
  this.video.currentTime = 0;
};

VideoEditor.prototype.rewind = function() {
  // Rewind the video.
  this.video.currentTime -= 10;
};

VideoEditor.prototype.fastForward = function() {
  // Fast forward the video.
  this.video.currentTime += 10;
};

VideoEditor.prototype.setVolume = function(event) {
  // Set the volume of the video.
  this.video.volume = event.target.value / 100;
};

// Create a new video editor.
var videoEditor = new VideoEditor();

Welcome to the forum!

I see you’ve posted some code but did you have a question for us?

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.