Send/Recieve Files Online (Recieve Files by Enter 6 Digit Code) 👉

X
Code copied to clipboard!

POMSD

Advertisement

Screen Recorder HTML,CSS and JS || Blog,Website

Image

  Edit and Double Click to Copy this Code

    
   <div class="screen-recorder">
  <div class="controls">
    <button id="record-btn">Record</button>
    <button id="stop-btn" disabled>Stop</button>
    <a id="download-link" href="#" download="recording.webm" disabled>Download</a>
  </div>
  <div class="video-player">
    <video id="video-player" controls></video>
  </div>
</div>


<style>
.screen-recorder {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
  background: linear-gradient(to right, #ff0000, #00ff00);
  border-radius: 10px;
}

.controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

button {
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: green;
  color: #fff;
  font-size: 16px;
  margin-right: 10px;
    cursor: pointer;
}

a {
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: red;
  color: #fff;
  font-size: 16px;
  margin-right: 10px;
  text-decoration: none;
}

a[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.video-player {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

<script>
const recordBtn = document.getElementById("record-btn");
const stopBtn = document.getElementById("stop-btn");
const downloadLink = document.getElementById("download-link");
const videoPlayer = document.getElementById("video-player");

let recorder;
let stream;

// function to start recording
function startRecording() {
  navigator.mediaDevices
    .getDisplayMedia({ video: true, audio: true })
    .then((stream) => {
      recorder = RecordRTC(stream, {
        type: "video",
        mimeType: "video/webm",
        disableLogs: true,
      });
      recorder.startRecording();
      recordBtn.disabled = true;
      stopBtn.disabled = false;
    })
    .catch((error) => console.error(error));
}

// function to stop recording
function stopRecording() {
  recorder.stopRecording(() => {
    stream.getTracks().forEach((track) => track.stop());
    const blob = recorder.getBlob();
    const url = URL.createObjectURL(blob);
    downloadLink.href = url;
    videoPlayer.src = url;
    downloadLink.disabled = false;
  });
  recordBtn.disabled = false;
  stopBtn.disabled = true;
}

// event listeners for record and stop buttons
recordBtn.addEventListener("click", startRecording);
stopBtn.addEventListener("click", stopRecording);

</script>
  



About Screen Recorder 
A screen recorder script is a piece of code that can be used to record the screen of a computer. These scripts can be used to record a specific area of the screen, the entire screen, or even a specific window. They can also be used to record audio and video simultaneously.

Screen recorder scripts are often used to create tutorials, demonstrations, or presentations. They can also be used to record gameplay footage or to create videos for social media.

There are many different screen recorder scripts available online. Some of these scripts are free, while others require a fee. The best screen recorder script for you will depend on your needs and preferences.

Here are some of the benefits of using a screen recorder script:

* They are easy to use. Most screen recorder scripts are very easy to use, even for beginners.
* They are versatile. Screen recorder scripts can be used to record a variety of different things, including gameplay footage, tutorials, and presentations.
* They are affordable. There are many free screen recorder scripts available online.

If you are looking for a way to record your screen, a screen recorder script is a great option. There are many different scripts available, so you can find one that meets your needs and preferences.

Here are some of the steps involved in using a screen recorder script:

1. Find a screen recorder script that you want to use.
2. Download the script and save it to your computer.
3. Open the script in a text editor.
4. Edit the script to configure the settings that you want.
5. Run the script.
6. The script will start recording your screen.
7. When you are finished recording, stop the script.

The output of the screen recorder script will be a video file. You can then edit this video file as needed.

Here are some of the things to keep in mind when using a screen recorder script:

* Make sure that your computer meets the system requirements for the script.
* Read the documentation for the script carefully before using it.
* Be careful not to record any sensitive information.
* Test the script before using it on a project that is important to you.

Screen recorder scripts can be a great way to record your screen. With a little bit of effort, you can create high-quality videos that can be used for a variety of purposes.

Sure, here are some additional details about screen recorder scripts:

* Screen recorder scripts are typically written in Python or JavaScript.
* Most screen recorder scripts require ffmpeg to be installed on the computer.
* Some screen recorder scripts can be used to record the mouse cursor, keyboard input, and webcam footage.
* There are many different screen recorder scripts available online, including some that are free to use.

Here are some of the benefits of using a screen recorder script:

* They are easy to use. Most screen recorder scripts are very easy to use, even for beginners.
* They are versatile. Screen recorder scripts can be used to record a variety of different things, including gameplay footage, tutorials, and presentations.
* They are affordable. There are many free screen recorder scripts available online.

Here are some of the drawbacks of using a screen recorder script:

* They can be difficult to troubleshoot. If something goes wrong with the script, it can be difficult to figure out what is causing the problem.
* They can be slow. Screen recorder scripts can sometimes be slow, especially if they are recording high-quality video.
* They can be unreliable. Some screen recorder scripts can be unreliable and may not work properly all the time.

Overall, screen recorder scripts can be a great way to record your screen. They are easy to use, versatile, and affordable. However, it is important to be aware of the potential drawbacks before using a screen recorder script.

Here are some additional tips for using screen recorder scripts:

* Read the documentation carefully before using the script. This will help you understand how the script works and what settings you can configure.
* Test the script before using it on a project that is important to you. This will help you identify any potential problems with the script.
* Be careful not to record any sensitive information. If you are recording a screen that contains sensitive information, such as passwords or credit card numbers, be sure to blur out this information before sharing the video.

With a little bit of effort, you can use screen recorder scripts to create high-quality videos that can be used for a variety of purposes. 
Sure, I can add more information about the first recorded use of the word "robot".

The word "robot" was first used in a play published by the Czech Karel Čapek in 1921. R.U.R. (Rossum's Universal Robots) was a satire, robots were manufactured biological beings that performed all unpleasant manual labor. According to Čapek, the word was created by his brother Josef from the Czech word robota 'corvée', or in Slovak 'work' or 'labor'. (Karel Čapek was working on his play during his stay in Trenčianske Teplice in Slovakia where his father worked as a medical doctor.) The play R.U.R, replaced the popular use of the word "automaton".

The word "robot" quickly caught on and soon became the standard term for any machine that could perform tasks autonomously. Today, robots are used in a wide variety of industries, including manufacturing, healthcare, and customer service. They are also increasingly being used in the home, for tasks such as cleaning and cooking.

The development of robots has raised a number of ethical concerns, such as the potential for robots to take jobs away from humans, or to be used for violence or surveillance. However, robots also have the potential to improve our lives in many ways, such as by helping us to work more efficiently, to live longer and healthier lives, and to be more productive.

It is still too early to say what the long-term impact of robots will be on society. However, it is clear that they are already having a significant impact on our lives, and that this impact is likely to grow in the years to come.

Contact Us!

Comment Box

0 Comments