Coding4Hours Coding4Hours

## index.html
<!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>
</head>
<body>
    <button id="recording-toggle">Start recording</button>
    <script defer>

## canvasrecord.js
(function() {
  let canvas = document.querySelector('canvas');
  // Optional frames per second argument.
  let stream = canvas.captureStream(25);
  var options = {mimeType: 'video/webm; codecs=vp9'};
  let recorder = new MediaRecorder(stream, options);
  let blobs = [];

  function download(blob) {
    var url = window.URL.createObjectURL(blob);

## translate.html
<!--
  This code will translate page contents automatically (without user input)
  Settings located at line 9, current script will translate english to estonian
-->
<style>#google_translate_element,.skiptranslate{display:none;}body{top:0!important;}</style>
<div id="google_translate_element"></div>
<script>
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'et', autoDisplay: false}, 'google_translate_element');
        var a = document.querySelector("#google_translate_element select");
	<!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>
	</head>
	<body>
	<button id="recording-toggle">Start recording</button>
	<script defer>
	(function() {
	let canvas = document.querySelector('canvas');
	// Optional frames per second argument.
	let stream = canvas.captureStream(25);
	var options = {mimeType: 'video/webm; codecs=vp9'};
	let recorder = new MediaRecorder(stream, options);
	let blobs = [];

	function download(blob) {
	var url = window.URL.createObjectURL(blob);
	<!--
	This code will translate page contents automatically (without user input)
	Settings located at line 9, current script will translate english to estonian
	-->
	<style>#google_translate_element,.skiptranslate{display:none;}body{top:0!important;}</style>
	<div id="google_translate_element"></div>
	<script>
	function googleTranslateElementInit() {
	new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'et', autoDisplay: false}, 'google_translate_element');
	var a = document.querySelector("#google_translate_element select");