How to Create Screen Recorder Website || With Advance Features || In Blogger || By Techno Sahil ||

Techno Sahil May 14, 2021

Hello Friends เคคो เคœैเคธा เค•ि เค†เคช เคฒोเค— เคœाเคจเคคे เคนैं เค•ि เคฌเคนुเคค เคธाเคฐे เคฒोเค— Blogging เค•े เคฆ्เคตाเคฐा เคชैเคธे เค—เคตा เคฐเคนे เคนै। เค…เคชเคจे เคชैเคธों เค•ो เคฌेเคธ्เคŸ เค•เคฐ เคฐเคนे เคนैं। เค‰เคจ्เคนें เคธเคฎเค เคจเคนीं เค† เคฐเคนा เคนै เค•ि เค•ैเคธे Blogger เคชเคฐ Traffic เคฒाเคฏा, เค•ैเคธे Adsense เค•ा Approval เคฒे।



เคคो เคเคธे เคธเคฎเคฏ เคฎें เคฎैंเคจे เค†เคชเค•े เคฒिเค Screen Recorder Tool Website เค•ा Script  เคฒाเคฏा เคนै। เค‡เคธเค•े เคฌाเคฐे เคฎें เค†เคช Article เคฒिเค– เคธเค•เคคे เคนै เค•ी เค•ैเคธे เคฒोเค—ो เค‡เคธे Use เค•เคฐเคจा เคนै เค”เคฐ เค‡เคธे เค…เคชเคจे Blogger เค•े Site เคชเคฐ เคฒเค—ाเค•เคฐ เค†เคช เคชैเคธे เค•เคฎा เคธเค•เคคे เคนैं। เค‡เคธ เคคเคฐเคน เค•ी Website เคชเคฐ เคœเคฒ्เคฆी Adsense Approval เคนोเคคा เคนै। เคคो เค•ैเคธे  เค†เคชเค•ो เค‡เคธे Blogger เคฎें Create เค•เคฐเคจा เคนै เค”เคฐ เค•ैเคธे Code เค•ो Copy เค•เคฐเคจा เคนै เคฏเคน เคธเคฌ Process เคฎैं เค†เคชเค•ो เค‡เคธ Article เคฎें เคฌเคคाเคŠंเค—ा।

So friends เค‡เคธ เค•ोเคก เค•ो Copy เค•เคฐเคจे เค•े เคฒिเค เค†เคชเค•ो เคจीเคšे เคฆिเค เค—เค Steps เค•ो เคชूเคฐा เค•เคฐเคจा เคนोเค—ा।


Screen Recorder Tool

เคฌเคนुเคค เคธाเคฐे เคฆोเคธ्เคคों เค•ो เคถाเคฏเคฆ เคชเคคा เคญी เคจाเคฎ เคนो เค•ी เคฏे Screen Recorder เค•्เคฏा เคนोเคคा เคนै? เคคो เคฎैं เค†เคชเค•ो เคฌเคคा เคฆेเคจा เคšाเคนเคคा เคนूँ เค•ी เค•िเคธी เคญी Blog Post เคฏा Blog Page เคฎें เคœो Source Code เค‰เคชเคฒเคฌ्เคง เค•เคฐเคตाเคฏा เคœाเคคा เคนै. เค”เคฐ เค‰เคธे เคœिเคธ Format เคฎें Post เคฎें Add เค•िเคฏा เคœाเคคा เคนै เค‰เคธे เคนเคฎ Screen Recorder เค•े เคจाเคฎ เคธे เคœाเคจเคคे เคนै.

เคชंเคฐเคคु เค…เคฌ เคธเคฎเคฏ เค•े เคธाเคฅ เคธाเคฅ เคธเคฌ เค•ुเค› Advance เคนोเคคा เคœा เคฐเคนा เคนै. เคเคธे เคฎें เค…เคฌ Normal Screen Recorder เค•ो เคญी Advance เคฌเคจा เคฆिเคฏा เค—เคฏा เคนै. เค…เคฌ เค‡เคธเคฎें เค†เคชเค•ो Screen Recorder with 3d Background เคญी เคฆेเค–เคจे เค•ो เคฎिเคฒ เคœाเคคा เคนै. เค”เคฐ เค‡เคธเค•ा เคซाเคฏเคฆा เคฏเคน เคนै เค•ी เคธเคญी Codes เคคो เค…เคš्เค›े เคฆिเค–เคคे เคนी เคนै เคฒेเค•िเคจ เค‰เคธเค•े เคธाเคฅ-เคธाเคฅ Text Area Box เค”เคฐ Site เคญी เค…เคš्เค›े เคฆिเค–เคคे เคนै। เคœिเคธเค•े เค•ाเคฐเคฃ Sites เคชเคฐ เคœ्เคฏाเคฆा เคธे เคœ्เคฏाเคฆा Traffic เค†เคคे เคนैं।


เค‡เคจ्เคนें เคญी เคชเฅे:-



Steps To Get The Code:-

● เคจीเคšे เคฆिเค เค—เค Download Button เคชเคฐ Click เค•เคฐें

● เคคो เคฏเคน เค†เคชเค•ो เคเค• เคจเคฏे Page เคชเคฐ Redirect เค•เคฐ เคฆेเค—ा

● เค…เคฌ เค†เคชเค•ो เคจीเคšे เคธे Scroll เค•เคฐเค•े Continue Download เคชเคฐ Click เค•เคฐเคจा เคนै।

● เค…เคฌ เค†เคช เคจीเคšे Scroll เค•เคฐเค•े Captcha เค•ो Solve เค•เคฐ เคฆें เค”เคฐ Click Here To Download เคชเคฐ Click เค•เคฐें।

● เคซिเคฐ เค†เคชเค•ो Countdown Timer เคฎเคคเคฒเคฌ เค•ी เค‰เคฒ्เคŸी เค—िเคจเคคी เค•เคฐเคคा เคนुเค† เคฌเค•्เคธा เคเค• เค—ोเคฒ เค˜ेเคฐे เคฎें เคฆिเค– เคฐเคนा เคนोเค—ा เคคเคฌ เคคเค• Wait เค•เคฐें เค”เคฐ เคซिเคฐ Get Link เคชเคฐ Click เค•เคฐें।

● เค…เคฌ เค†เคชเค•ो Blue เคฏा Green Colour เค•े เคฌเค•्เคธे เคฎें Code เคฆिเค– เคฐเคนा เคนोเค—ा।

● เค…เคฌ เค†เคช Code เค•ो Copy เค•เคฐ เคฒे।


 <!DOCTYPE html>
<html>
<head>
  <title>[Best] Online Screen Recorder</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="A free online screen recorder is one of the best tools to capture a screen in just a couple of clicks. No software installation needed. Use our online video recorder for free as many times as you want – no need to pay anything!"/>
	<meta name="robots" content="index,follow" />
	<meta name="keywords" content="A free online screen recorder is one of the best tools to capture a screen in just a couple of clicks. No software installation needed. Use our online video recorder for free as many times as you want – no need to pay anything!" />
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    	 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
  <script>
  if (document.location.search.match(/type=embed/gi)) {
    window.parent.postMessage("resize", "*");
  }
</script>
  <style>
  * {
margin: 0;
padding: 0;
}

.mt-5, .my-5 {
    margin-top: 0rem!important;
}

#hd {    
  width:100%;    
  height:390px;      
  margin:0 0 50px 0;    
  }  
    
h1 {
  color: red;
}
    body {
  color: blue;
}
  </style>
</head>

<body>
   <div style="position: relative; background-image: linear-gradient(to right, #e1ed00, #c2ed00, #96ed00, #4bed00, #00ed00); min-height: 99vh;">
       <center>
            <div class="container">
    <h1>[Best] Online Screen Recorder</h1>
              </center>
              <br />
    <h3 style="text-align:center;">
    A free online screen recorder is one of the best tools to capture a screen in just a couple of clicks. No software installation needed. Use our online video recorder for free as many times as you want – no need to pay anything! </h3>

    <hr />
          <br />
<center>
  <video width="320" height="240" autoplay></video><br>
<button id="shareScreen">Capture Screen</button>
<button id="rec" disabled>Record</button>
<button id="stop" disabled>Stop</button>
<a id="downloadLink" download="mediarecorder.webm" name="mediarecorder.webm" href></a>
<div id="error"></div>
</center>
         </div></div>
    <script src="
https://yourjavascript.000webhostapp.com/upload/e8726e5d9f147.js
"></script>

  
      <script id="rendered-js" >
var shareBtn = document.querySelector("button#shareScreen");
shareBtn.onclick = shareScreen;

var recBtn = document.querySelector("button#rec");
recBtn.onclick = onBtnRecordClicked;

var stopBtn = document.querySelector("button#stop");
stopBtn.onclick = onBtnStopClicked;

var videoElement = document.querySelector("video");
videoElement.style.backgroundColor = "black";

var downloadLink = document.querySelector("a#downloadLink");

var mediaRecorder;
var localStream = null;
document.getElementById("error").innerHTML = "";

function shareScreen() {
  console.log("shareScreen");
  document.getElementById("error").innerHTML = "";
  var screenConstraints = { video: true, audio: true };
  navigator.mediaDevices.getDisplayMedia(screenConstraints).then(function (screenStream) {
    /* use the screen & audio stream */

    var micConstraints = { audio: true };
    navigator.mediaDevices.getUserMedia(micConstraints).then(function (micStream) {
      /* use the microphone stream */

      //create a new stream in which to pack everything together
      var composedStream = new MediaStream();

      //add the screen video stream
      screenStream.getVideoTracks().forEach(function (videoTrack) {
        composedStream.addTrack(videoTrack);
      });

      //create new Audio Context
      var context = new AudioContext();

      //create new MediaStream destination. This is were our final stream will be.
      var audioDestinationNode = context.createMediaStreamDestination();

      //check to see if we have a screen stream and only then add it
      if (screenStream && screenStream.getAudioTracks().length > 0) {
        //get the audio from the screen stream
        const systemSource = context.createMediaStreamSource(screenStream);

        //set it's volume (from 0.1 to 1.0)
        const systemGain = context.createGain();
        systemGain.gain.value = 1.0;

        //add it to the destination
        systemSource.connect(systemGain).connect(audioDestinationNode);

      }

      //check to see if we have a microphone stream and only then add it
      if (micStream && micStream.getAudioTracks().length > 0) {
        //get the audio from the microphone stream
        const micSource = context.createMediaStreamSource(micStream);

        //set it's volume
        const micGain = context.createGain();
        micGain.gain.value = 1.0;

        //add it to the destination
        micSource.connect(micGain).connect(audioDestinationNode);
      }

      //add the combined audio stream
      audioDestinationNode.stream.getAudioTracks().forEach(function (audioTrack) {
        composedStream.addTrack(audioTrack);
      });

      //pass over to function that shows the stream and activates the recording controls
      onCombinedStreamAvailable(composedStream);

    }).catch(function (err) {
      console.log(err);
      document.getElementById("error").innerHTML = "You need a microphone to run the screen recorder";
    });
  }).catch(function (err) {
    console.log(err);
    document.getElementById("error").innerHTML = "You need to share your screen to run the screen recorder";
  });
}

function onCombinedStreamAvailable(stream) {
  console.log("onCombinedStreamAvailable");
  localStream = stream;

  videoElement.srcObject = localStream;
  videoElement.play();
  videoElement.muted = true;
  recBtn.disabled = false;
  shareBtn.disabled = true;
  stopBtn.disabled = true;
}

function onBtnRecordClicked() {
  console.log("onBtnRecordClicked");
  if (localStream != null) {
    mediaRecorder = new MediaRecorder(localStream);
    mediaRecorder.onstop = function () {
      console.log("mediaRecorder.onstop");

      var blob = new Blob(chunks, { type: "video/webm" });
      chunks = [];
      var videoURL = window.URL.createObjectURL(blob);

      downloadLink.href = videoURL;
      videoElement.src = videoURL;
      downloadLink.innerHTML = "Download";
    };

    let chunks = [];
    mediaRecorder.ondataavailable = function (e) {
      chunks.push(e.data);
    };

    mediaRecorder.start(2);
    console.log(mediaRecorder.state);

    recBtn.style.background = "red";
    recBtn.style.color = "black";

    recBtn.disabled = true;
    shareBtn.disabled = true;
    stopBtn.disabled = false;
  } else {
    console.log("localStream is missing");
  }
}

function onBtnStopClicked() {
  mediaRecorder.stop();
  console.log(mediaRecorder.state);
  console.log("recorder stopped");
  recBtn.style.background = "";
  recBtn.style.color = "";
}
//# sourceURL=pen.js
    </script>

</body>
</html>


เค…เคฌ เคฐเคนी เคฌाเคค เค•ी เค‡เคธ Script เค•ो เค•เคนां เคชเคฐ Paste เค•เคฐเคจा เคนै เค•ैเคธे Screen Recorder Website เคฌเคจाเคจा เคนै। เคคो Screen Recorder Website เคฌเคจाเคจे เค•े เคฒिเค เค†เคชเค•ो เคจीเคšे เคฆिเค เค—เค Steps เค•ो เคชुเคฐा เค•เคฐเคจा เคนोเค—ा।


Steps to Create Screen Recorder Website:-


● เค…เคฌ เค†เคช Blogger เค•े Dashboard เคฎें เคœाเค เคฏा เคซिเคฐ blogger เคฒिเค–เค•เคฐ Search เค•เคฐे।

● เค†เคช New Blog เคชเคฐ Click เค•เคฐें เค”เคฐ เคซिเคฐ เคจाเคฎ Create เค•เคฐ Subdomain Create เค•เคฐเค•े Save เค•เคฐें।

● เคฏเคนाँ เคคเค• เค†เคชเค•ा เค•ाเคฎ เคนो เค—เคฏा เคนै เค†เคชเค•ा Blogger เค•ा Website Create เคนो เค—เคฏा เคนै।

● เค…เคฌ เค†เคช Theme เคชเคฐ Click เค•เคฐ Simple Blog เค•े Theme เค•ो Choose เค•เคฐ Apply เค•เคฐें।

● เค…เคฌ Arrow เคชเคฐ Click เค•เคฐ Mobile Settings เคฎें เคœाเค•เคฐ Mobile View เคธे Desktop View เค•เคฐ เคฆें।

● เคซिเคฐ เคธे Arrow เคชเคฐ Click เค•เคฐเค•े Switch to first generation classic theme เคชเคฐ Click เค•เคฐเค•े Without A backup เค•ो Choose เค•เคฐे।

● เค…เคฌ Edit Html เคชเคฐ Click เค•เคฐ Select All เค•เคฐเค•े Code เค•ो Paste เค•เคฐ เคฆे।

● เค…เคฌ Save เค•े Icon เคชเคฐ Click เค•เคฐ Save เค•เคฐ เคฆे।

● Congratulations your Screen Recorder Website has been created successfully.


Important Notice:- เค…เค—เคฐ เค†เคชเค•ो เค‡เคธे เค…เคชเคจे เคฆुเคธเคฐे Site เคชเคฐ เคฒเค—ाเคจा เคนै เคคो เค‡เคธ Tool เค•ा Use เค•เคฐे।

IFrame Generator Tool

เคจिเคธ्เค•เคฐ्เคท:- เคคो เคฆोเคธ्เคคों เค†เคชเค•ो Screen Recorder Script For Blogger เค•े เคฌाเคฐे เคฎें เคฏเคน Article  เค•ैเคธा เคฒเค—ा Comment เคฎें เคœเคฐूเคฐ เคฌเคคाเคं। เคฏा เค†เคช เคญी เค•िเคธी เคช्เคฐเค•ाเคฐ เค•ा เคธुเคाเคต เคฆेเคจा เคšाเคนเคคे เคนैं, เคคो เค†เคช เคจीเคšे Comment Box เคฎें เค…เคชเคจी เคฐाเคฏ เคนเคฎเคธे Share เค•เคฐ เคธเค•เคคे เคนैं।

Tags:

Post a Comment

0 Comments