Screen Recorder Tool Script 100% Free To Download
100% Free To Download This Script.
100% Free With “Resell Rights”.
Sell These Tools S As Per Your Need Or Offer Free To Anyone Give Giveaway Also.
About : Free Tools.
License: Rana bilal Rights
Use In This Website Any Script Or Any Products You Will Download 100% Free To Use.
How To Use This Script
Use This Script WordPress Or Blogger Anyone You Choose Use This Script And Publish Your Online Tool And Make Passive Income.
Login Your WordPress Or Blogger Dashboard.
Copy This Code Or Download.
And Post Or Page.
Add HTML Widget.
Paste This Code And Publish.
After See The Result, Magic..
Demo
Script Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Screen Recorder (Client-side)</title>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f9f9f9;
}
#container {
text-align: center;
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
video {
max-width: 100%;
margin-top: 20px;
}
#startButton, #stopButton {
padding: 10px;
margin-top: 20px;
cursor: pointer;
}
#stopButton {
background-color: #e44d26;
color: white;
}
</style>
</head>
<body>
<div id="container">
<h2>Screen Recorder (Client-side)</h2>
<button onclick="startRecording()" id="startButton">Start Recording</button>
<button onclick="stopRecording()" id="stopButton">Stop Recording</button>
<video id="recordedVideo" controls></video>
</div>
<script>
let mediaRecorder;
let recordedChunks = [];
async function startRecording() {
const stream = await navigator.mediaDevices.getDisplayMedia({
video: { mediaSource: "screen" }
});
mediaRecorder = new MediaRecorder(stream);
mediaRecorder.ondataavailable = (event) => {
if (event.data.size > 0) {
recordedChunks.push(event.data);
}
};
mediaRecorder.onstop = () => {
const recordedBlob = new Blob(recordedChunks, { type: "video/webm" });
const recordedUrl = URL.createObjectURL(recordedBlob);
document.getElementById("recordedVideo").src = recordedUrl;
};
mediaRecorder.start();
}
function stopRecording() {
mediaRecorder.stop();
}
</script>
</body>
</html>
