news media journalism

download file sharing

social media network

technology software

documentation technical

Domain 'sympathetic-lavender-mmouxih3u0-lbx2jma6gn.edgeone.dev' uses the developer-focused generic top-level domain (.dev), featuring subdomain 'sympathetic-lavender-mmouxih3u0-lbx2jma6gn'. Its registrable label 'edgeone' stretches across 7 characters holding four vowels versus 3 consonants. Breaking it apart gives two words: edge, one. Median word length comes out to 3.5 characters. No strong language cues emerged from the frequency lists.

html/ad/7d/ad7d76b5-6c3e-4870-a23a-4af51672c040.html.gz

sha256=:DUQC9IE8bqnVfbKxzXr1SGThpJrqXxhzY17VqBnfkEs=:

176e894661aa9cdc9a5cba6c720044cbbf7b8bd80d1c9a142a7c24b1b6c50d15

0d4402f4813c6ea9d57db2b1cd7af54864e1a49aea5f1873635ed5a819df904b

07f6fdb3c9d243a9e85231d9469b6aad25a89b376dc8bc63c3dc5561f606aef1

17eb695f73a97e6e448d712da0d0e3bbf5a294bcf3d3a773622bf0702b5c1e03

viewport

html/ad/7d/ad7d76b5-6c3e-4870-a23a-4af51672c040_nodriver.html.gz

WebCaster Pro - Perekam Layar &amp; Kamera

Prudence Malinki

MarkMonitor Inc.

edgeone.dev

Abuse

Admin

Cloudflare-NOC

Cloudflare, Inc.

CLOUDFLARENET

// Initialize Lucide Icons
 lucide.createIcons();

 // Elements
 const screenVideo = document.getElementById('screenVideo');
 const cameraVideo = document.getElementById('cameraVideo');
 const canvas = document.getElementById('previewCanvas');
 const ctx = canvas.getContext('2d');
 const placeholder = document.getElementById('placeholder');
 
 // Buttons
 const btnScreen = document.getElementById('btnScreen');
 const btnCamera = document.getElementById('btnCamera');
 const btnRecord = document.getElementById('btnRecord');
 const btnStop = document.getElementById('btnStop');
 const btnDownload = document.getElementById('btnDownload');
 
 // Status
 const statusBadge = document.getElementById('statusBadge');
 const timeDisplay = document.getElementById('timeDisplay');

 // State Variables
 let screenStream = null;
 let cameraStream = null;
 let combinedStream = null;
 let mediaRecorder = null;
 let recordedChunks = [];
 let animationFrameId;
 let audioContext;
 let audioDestination;
 let recordingStartTime;
 let timerInterval;

 // Configuration
 const CAM_MARGIN = 20;
 let isScreenActive = false;
 let isCameraActive = false;

 // 1. Get Screen Sharing
 btnScreen.addEventListener('click', async () => {
 try {
 if (isScreenActive) {
 stopStream(screenStream);
 btnScreen.innerHTML = 'Bagikan Layar';
 btnScreen.classList.remove('bg-blue-600');
 isScreenActive = false;
 checkReadiness();
 return;
 }

 screenStream = await navigator.mediaDevices.getDisplayMedia({
 video: { frameRate: { ideal: 30 } },
 audio: true // Attempt to get system audio if user allows
 });

 screenVideo.srcObject = screenStream;
 isScreenActive = true;
 placeholder.style.display = 'none';
 
 btnScreen.innerHTML = 'Tutup Layar';
 btnScreen.classList.add('bg-blue-600');
 
 // Handle user clicking "Stop sharing" on browser native UI
 screenStream.getVideoTracks()[0].onended = () => {
 btnScreen.click();
 };

 startCanvasRenderLoop();
 checkReadiness();
 lucide.createIcons();
 } catch (err) {
 console.error("Error sharing screen: ", err);
 alert("Gagal mengakses layar: " + err.message);
 }
 });

 // 2. Get Camera
 btnCamera.addEventListener('click', async () => {
 try {
 if (isCameraActive) {
 stopStream(cameraStream);
 btnCamera.innerHTML = 'Aktifkan Kamera';
 btnCamera.classList.remove('bg-blue-600');
 isCameraActive = false;
 checkReadiness();
 return;
 }

 cameraStream = await navigator.mediaDevices.getUserMedia({
 video: { width: 1280, height: 720 },
 audio: { echoCancellation: true, noiseSuppression: true }
 });

 cameraVideo.srcObject = cameraStream;
 isCameraActive = true;
 placeholder.style.display = 'none';

 btnCamera.innerHTML = 'Matikan Kamera';
 btnCamera.classList.add('bg-blue-600');

 startCanvasRenderLoop();
 checkReadiness();
 lucide.createIcons();
 } catch (err) {
 console.error("Error accessing camera: ", err);
 alert("Gagal mengakses kamera/mikrofon: " + err.message);
 }
 });

 // 3. Render Loop (Drawing to Canvas)
 function startCanvasRenderLoop() {
 if (animationFrameId) cancelAnimationFrame(animationFrameId);

 function render() {
 // Default black background
 ctx.fillStyle = '#000';
 ctx.fillRect(0, 0, canvas.width, canvas.height);

 // Draw Screen if active
 if (isScreenActive && screenVideo.readyState >= 2) {
 // Adjust canvas size to match screen aspect ratio
 canvas.width = screenVideo.videoWidth || 1280;
 canvas.height = screenVideo.videoHeight || 720;
 ctx.drawImage(screenVideo, 0, 0, canvas.width, canvas.height);
 } else if (!isScreenActive && isCameraActive && cameraVideo.readyState >= 2) {
 // If ONLY camera is active, make it full canvas
 canvas.width = cameraVideo.videoWidth || 1280;
 canvas.height = cameraVideo.videoHeight || 720;
 }

 // Draw Camera (PiP mode if screen is active, otherwise full screen)
 if (isCameraActive && cameraVideo.readyState >= 2) {
 if (isScreenActive) {
 // Picture in Picture settings (Bottom Right)
 const camWidth = canvas.width * 0.25; // 25% of screen width
 const camHeight = camWidth * (cameraVideo.videoHeight / cameraVideo.videoWidth);
 const x = canvas.width - camWidth - CAM_MARGIN;
 const y = canvas.height - camHeight - CAM_MARGIN;

 // Draw rounded rectangle for camera shadow/border
 ctx.save();
 ctx.shadowColor = 'rgba(0,0,0,0.5)';
 ctx.shadowBlur = 15;
 ctx.shadowOffsetX = 0;
 ctx.shadowOffsetY = 5;
 
 // Clip for rounded corners
 ctx.beginPath();
 ctx.roundRect(x, y, camWidth, camHeight, 12);
 ctx.clip();

 // Draw the camera image horizontally flipped (mirror effect)
 ctx.translate(x + camWidth, y);
 ctx.scale(-1, 1);
 ctx.drawImage(cameraVideo, 0, 0, camWidth, camHeight);
 ctx.restore();

 // Add border
 ctx.strokeStyle = 'rgba(255,255,255,0.2)';
 ctx.lineWidth = 2;
 ctx.strokeRect(x, y, camWidth, camHeight);

 } else {
 // Only camera is active, draw full canvas with mirror effect
 ctx.save();
 ctx.translate(canvas.width, 0);
 ctx.scale(-1, 1);
 ctx.drawImage(cameraVideo, 0, 0, canvas.width, canvas.height);
 ctx.restore();
 }
 }

 // Loop if at least one stream is active
 if (isScreenActive || isCameraActive) {
 animationFrameId = requestAnimationFrame(render);
 } else {
 // Clear canvas if both off
 ctx.clearRect(0, 0, canvas.width, canvas.height);
 placeholder.style.display = 'flex';
 }
 }
 render();
 }

 // 4. Handle Recording Logic
 function checkReadiness() {
 // Enable record button if at least one stream is active
 btnRecord.disabled = !(isScreenActive || isCameraActive);
 }

 async function mixAudio() {
 audioContext = new (window.AudioContext || window.webkitAudioContext)();
 audioDestination = audioContext.createMediaStreamDestination();

 // Connect Screen Audio (System Sound) if exists
 if (screenStream && screenStream.getAudioTracks().length > 0) {
 const screenAudioSource = audioContext.createMediaStreamSource(screenStream);
 screenAudioSource.connect(audioDestination);
 }

 // Connect Camera Audio (Microphone) if exists
 if (cameraStream && cameraStream.getAudioTracks().length > 0) {
 const cameraAudioSource = audioContext.createMediaStreamSource(cameraStream);
 cameraAudioSource.connect(audioDestination);
 }

 return audioDestination.stream.getAudioTracks();
 }

 btnRecord.addEventListener('click', async () => {
 recordedChunks = [];
 
 // 1. Get Video Track from Canvas (30 FPS)
 const canvasStream = canvas.captureStream(30);
 const videoTrack = canvasStream.getVideoTracks()[0];

 // 2. Mix Audio Tracks using Web Audio API
 const mixedAudioTracks = await mixAudio();

 // 3. Combine Video and Audio into a new stream
 combinedStream = new MediaStream([videoTrack, ...mixedAudioTracks]);

 // 4. Setup MediaRecorder
 // Try to use VP9 or standard webm
 const options = { mimeType: 'video/webm; codecs=vp9' };
 try {
 mediaRecorder = new MediaRecorder(combinedStream, options);
 } catch (e) {
 mediaRecorder = new MediaRecorder(combinedStream); // Fallback
 }

 mediaRecorder.ondataavailable = (e) => {
 if (e.data.size > 0) {
 recordedChunks.push(e.data);
 }
 };

 mediaRecorder.onstop = () => {
 btnDownload.disabled = false;
 statusBadge.classList.add('hidden');
 statusBadge.classList.remove('flex');
 clearInterval(timerInterval);
 
 // Cleanup UI
 btnRecord.disabled = false;
 btnStop.disabled = true;
 btnScreen.disabled = false;
 btnCamera.disabled = false;
 };

 // Start Recording
 mediaRecorder.start(1000); // Collect data every second
 
 // Update UI State
 btnRecord.disabled = true;
 btnStop.disabled = false;
 btnDownload.disabled = true;
 btnScreen.disabled = true; // Prevent changing streams while recording
 btnCamera.disabled = true;
 
 statusBadge.classList.remove('hidden');
 statusBadge.classList.add('flex');
 
 // Start Timer
 recordingStartTime = Date.now();
 updateTimer();
 timerInterval = setInterval(updateTimer, 1000);
 });

 btnStop.addEventListener('click', () => {
 if (mediaRecorder && mediaRecorder.state !== 'inactive') {
 mediaRecorder.stop();
 }
 });

 btnDownload.addEventListener('click', () => {
 const blob = new Blob(recordedChunks, { type: 'video/webm' });
 const url = URL.createObjectURL(blob);
 const a = document.createElement('a');
 
 // Create format like: Rekaman_2023-10-25_14-30.webm
 const date = new Date();
 const filename = `Rekaman_${date.getFullYear()}-${(date.getMonth()+1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}_${date.getHours()}-${date.getMinutes()}.webm`;
 
 a.style.display = 'none';
 a.href = url;
 a.download = filename;
 document.body.appendChild(a);
 a.click();
 
 setTimeout(() => {
 document.body.removeChild(a);
 URL.revokeObjectURL(url);
 }, 100);
 });

 // Helpers
 function stopStream(stream) {
 if (stream) {
 stream.getTracks().forEach(track => track.stop());
 }
 }

 function updateTimer() {
 const elapsed = Math.floor((Date.now() - recordingStartTime) / 1000);
 const minutes = Math.floor(elapsed / 60).toString().padStart(2, '0');
 const seconds = (elapsed % 60).toString().padStart(2, '0');
 timeDisplay.textContent = `${minutes}:${seconds}`;
 }

Tailwind CSS

Unpkg

✅ Low Risk - https://sympathetic-lavender-mmouxih3u0-lbx2jma6gn.edgeone.dev/

Requests	IP Address	Location	AS Autonomous System
2	43.174.247.29	United States	AS139341
2	172.67.68.11	United States	AS13335
2	104.18.1.22	United States	Unknown
6	3	-	-

Security Scan Report: sympathetic-lavender-mmouxih3u0-lbx2jma6gn.edgeone.dev

Summary

AI Security Verdict

Low Risk

Risk Factors

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies2

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History