acs-web-tech.github/script.js at main · acs-web-tech/acs-web-tech.github · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
if("serviceWorker" in navigator){
    navigator.serviceWorker.register("./sw.js").then((e)=>{

    })

}

let startBtn = document.querySelector(".ini-btn")
let promptBtn =  document.querySelector("#acceptNotRemind")
let promptBtnOk = document.querySelector("#accept")
let confirmation = document.querySelector(".confirmation")
let video_duration = document.querySelector("#vid-inp")
let vidcount = document.querySelector("#vid-dur")
let duration =  document.querySelector(".duration")
let scr = document.querySelector(".screen")
let stop  = document.querySelector(".btn-source")
let vidupDur;
let videorec  = document.querySelectorAll(".src-video>video")

document.ondblclick = (e)=>{
	e.preventDefault()
}
document.oncontextmenu = (e)=>{
	e.preventDefault()
}
 async function recordStream(srcvid){
	let source  =await navigator.mediaDevices.getDisplayMedia({video:true,audio:true})||navigator.getUserMedia({video:true,audio:true}) || navigator.webkitGetUserMedia({video:true,audio:true}) || navigator.mozGetUserMedia({video:true,audio:true}) || navigator.msGetUserMedia({video:true,audio:true});
	video_duration.srcObject = source
	return source
}

 function HandleSource(source){


	let data=[]

   source.then((evid)=>{
	let audio = navigator.mediaDevices.getUserMedia({video:false,audio:true})

	   audio.then((eaud)=>{

	   let streamComplie = new MediaStream([...evid.getTracks(),...eaud.getTracks()])

	   let media = new MediaRecorder(streamComplie,{mimeType:"video/webm; codecs=vp8, vorbis"})
	   media.start()

	   media.onstart= (e)=>{

		     vidcount.srcObject = evid


		HandleDuration(video_duration.currentTime)
		stop.onclick=(e)=>{
			media.stop()

		 }
	   }

	   media.onstop=(e)=>{

         video_duration.ontimeupdate = null

	   }
	   media.ondataavailable=(e)=>{
		   data.push(e.data)

		   let blob = new Blob(data,{type:"video/webm"})
		   let url = URL.createObjectURL(blob)
		   document.querySelector(".cd").href=url
		   document.querySelector(".cd").click()
	   }
	   })
   })
}

function HandleDuration(mun){

	 video_duration.ontimeupdate=()=>{


		let sec =Math.floor(vidcount.currentTime-mun)%60
		let min = Math.floor(Math.floor(vidcount.currentTime-mun)/60)%60
		let hours  = Math.floor(Math.floor(vidcount.currentTime-mun)/3600)

		duration.innerText=`${hours<=9?"0"+(hours):(hours)}:${min<=9?"0"+(min):(min)}:${sec<=9?"0"+(sec):(sec)}`
	}
}

let recordSource  = recordStream(video_duration)


startBtn.onclick=(e)=>{
	if(!document.cookie.includes("prompt")){
		confirmation.style.display="block"
	}
	else{
      HandleSource(recordSource)
	}
}
promptBtn.addEventListener("click",(e)=>{
	if(document.cookie.includes("prompt")){
		confirmation.style.display="none"
		HandleSource(recordSource)
	}
	else{
		document.cookie="prompt="+false+";expires="+new Date((new Date()).setTime(new Date().getTime()+(30*24*60*60*1000))).toUTCString()+";"
	    confirmation.style.display="none"
		HandleSource(recordSource)
	}
})