Skip to main content

Free Screen Recorder Script

 Copy from

      🠋 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Screen Recorder</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }

        #app {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }

        h1 {
            color: #333;
        }

        #video-container {
            margin-top: 20px;
            display: none;
        }

        #record-button, #stop-button {
            padding: 10px 20px;
            font-size: 16px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        #stop-button {
            background-color: #dc3545;
        }
    </style>
</head>
<body>
    <div id="app">
        <h1>Screen Recorder</h1>
        <button id="record-button">Start Recording</button>
        <button id="stop-button" disabled>Stop Recording</button>
        <div id="video-container">
            <video id="recorded-video" controls></video>
        </div>
    </div>

    <script src="https://cdn.webrtc-experiment.com/RecordRTC.js"></script>
    <script>
        const recordButton = document.getElementById('record-button');
        const stopButton = document.getElementById('stop-button');
        const videoContainer = document.getElementById('video-container');
        const recordedVideo = document.getElementById('recorded-video');

        let recorder;

        recordButton.addEventListener('click', startRecording);
        stopButton.addEventListener('click', stopRecording);

        function startRecording() {
            recordButton.disabled = true;
            stopButton.disabled = false;

            navigator.mediaDevices.getDisplayMedia({ video: true, audio: true })
                .then(stream => {
                    recordedVideo.srcObject = stream;
                    recordedVideo.play();

                    recorder = RecordRTC(stream, {
                        type: 'video',
                        mimeType: 'video/webm',
                        bitsPerSecond: 128000
                    });

                    recorder.startRecording();
                })
                .catch(error => console.error('Error accessing screen:', error));
        }

        function stopRecording() {
            recordButton.disabled = false;
            stopButton.disabled = true;

            recorder.stopRecording(() => {
                recordedVideo.srcObject = null;
                recordedVideo.src = URL.createObjectURL(recorder.getBlob());
                recordedVideo.play();
                videoContainer.style.display = 'block';
            });
        }
    </script>
</body>
</html>

     🠉

Till above

Labels:

Comments

Post a Comment

Popular posts from this blog

How To Promote Your Stuff In Recommended Videos And On YouTube Search

 Hello there everyone! YouTube is the most popular video streaming platform around, the second most used search engine after Google itself, and the third most visited website on the planet.  With more than 3 billion searches a month, it would be foolish not to advertise your content to video search users, so today we are going to teach you how to create “discovery ads” to promote your stuff on recommended videos and on search results, step by step. Getting Started     Log in to your Google Ads account, and click on the “campaigns” tab located in the left-hand menu. Now click on the “plus” button and then on the “new campaign” option.  You don’t have to select a specific campaign goal to create discovery ads, so you’ll simply have to select the “create a campaign without a goal’s guidance” option on the campaign goal selection screen.  Now select “video” as your campaign type and then “custom video campaign” as your campaign sub type. Click on “con...
Post a Comment
Read more

What Are YouTube Ads All About?

        How to Boost your Business ? As you might already know, YouTube is part of the Google network, which is itself a big and very popular advertising platform. Google Ads, formerly known as Google AdWords, is the service within the Google network that is designed to allow people and businesses to create and run their own advertising campaigns.  YouTube Ads are video advertising campaigns that are created and run from a Google Ads account linked to a YouTube channel. In other words, YouTube Ads are YouTube videos that are promoted through the Google Ads network. Basically, any video that is uploaded to YouTube can be an ad. YouTube Ads run on YouTube, on the Google network, and on partner networks.  The most common type of YouTube ads are pre-roll ads, which are those ads that play before you watch a video on YouTube. Those videos are uploaded and promoted by content creators and advertisers, who connect their YouTube ...
Post a Comment
Read more

The Power of Digital Marketing: Driving Business Success in the Digital Age

Introduction In the ever-evolving world of technology, digital marketing has emerged as a critical component for businesses of all sizes and industries. With the proliferation of the internet, social media platforms, and mobile devices, businesses now have unprecedented opportunities to reach and engage with their target audience like never before. In this article, we will explore the fundamental concepts of digital marketing, its benefits, and how it can drive business success in the digital age. 1. Understanding Digital Marketing Digital marketing refers to the strategic use of digital channels, such as search engines, social media, email, websites, and mobile apps, to connect with customers, build brand awareness, and drive sales and revenue. Unlike traditional marketing methods, digital marketing allows businesses to target specific demographics, measure campaign effectiveness in real-time, and tailor marketing efforts based on data-driven insights. 2. The Benefits of Digital Marke...
Post a Comment
Read more