documentation technical

The domain name 'sympathetic-lavender-mmouxih3u0-0lp7lihhdq.edgeone.dev' uses the developer-focused generic top-level domain (.dev) and includes subdomain 'sympathetic-lavender-mmouxih3u0-0lp7lihhdq'. The registrable portion 'edgeone' spans 7 characters containing 4 vowels alongside 3 consonants. Breaking it apart gives 2 words: edge, one. The median word length lands at 3.5 characters. No strong language cues emerged from the frequency lists.

html/35/61/356123c8-62ca-4b67-9d4b-18afe470ccff.html.gz

sha256=:F+Xs/9lPuVnfvEQyWF04WKVAwy5rl/HTFiR/L/8/Vg4=:

176e894661aa9cdc9a5cba6c720044cbbf7b8bd80d1c9a142a7c24b1b6c50d15

6c6edba6e4080eae74a4bd45ec60dde4c6026a18e7d0798450895fb618218b49

3723a08db9c3e6836758dffead4300da46dd5c4aec8c5c30fb4355d584ae427b

a986c2876dc2f73879f395e677dc34cb751f260e69db16364810655f884df173

b444c028af8411dac53cff229dfc06ca585c976cad3b1a778c14f681fc4ccbed

cde4e851153a7bb8954e0fa80db8aa81e36e80d587d08ec41507192647b517da

8a1a8a363eb417fc8d40f6b15132e8964320782d7169e68fc6ac98b8b8c201eb

dffc01aec3ee60eaedf8b330a3a684021aa383831f2dac40e19ba392e1937f69

aadd8c46c5a49c6d19db9cd46c889a076cad739521e802c8cb9896baf1877034

17e5ecffd94fb959dfbc4432585d3858a540c32e6b97f1d316247f2fff3f560e

499e778cc71832e0e0ed59261e219dba8814a1e9717c424989cfc8b62d574062

088666a67024192b1d4983c053b5eef53a04a9a88699ce8c0aef0d93ac0504a3

07f6fdb3c9d243a9e85231d9469b6aad25a89b376dc8bc63c3dc5561f606aef1

dfbd28bdabec18f060ff49bb53a6c63b7947fa4f14d688a2f00f39fdaf24ae6d

a616d53eb1dcd525ba0f517da9050e3d3711b82fc556f37a6d01a8bdfd243f00

4c0d1317da3c5fc0419cef1e5a0d74567d954b9fb7bd3641143cebc79a121e9c

d982a8c4e41066fc82481c228f66a743a7a5580baf3aca199aa6053fdf7c8cb3

viewport

theme-color

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

html/35/61/356123c8-62ca-4b67-9d4b-18afe470ccff_nodriver.html.gz

DualRecord AI - Screen &amp; Camera

Prudence Malinki

MarkMonitor Inc.

edgeone.dev

Abuse

Admin

Cloudflare-NOC

Cloudflare, Inc.

CLOUDFLARENET


        import React, { useState, useEffect, useRef } from 'react';
        import { createRoot } from 'react-dom/client';
        import { Monitor, Camera, Video, StopCircle, Download, AlertCircle, DownloadCloud } from 'lucide-react';

        function App() {
            const [hasScreen, setHasScreen] = useState(false);
            const [hasCamera, setHasCamera] = useState(false);
            const [isRecording, setIsRecording] = useState(false);
            const [recordedVideoUrl, setRecordedVideoUrl] = useState(null);
            const [errorMsg, setErrorMsg] = useState("");
            
            // State untuk PWA Install Prompt
            const [deferredPrompt, setDeferredPrompt] = useState(null);

            const screenVideoRef = useRef(null);
            const cameraVideoRef = useRef(null);
            const canvasRef = useRef(null);
            
            const screenStreamRef = useRef(null);
            const cameraStreamRef = useRef(null);
            const mediaRecorderRef = useRef(null);
            const recordedChunksRef = useRef([]);
            const animationFrameRef = useRef(null);
            const audioContextRef = useRef(null);

            // Listen untuk event PWA Install
            useEffect(() => {
                const handleBeforeInstallPrompt = (e) => {
                    e.preventDefault();
                    setDeferredPrompt(e);
                };
                window.addEventListener('beforeinstallprompt', handleBeforeInstallPrompt);
                return () => window.removeEventListener('beforeinstallprompt', handleBeforeInstallPrompt);
            }, []);

            const handleInstallPWA = async () => {
                if (deferredPrompt) {
                    deferredPrompt.prompt();
                    const { outcome } = await deferredPrompt.userChoice;
                    if (outcome === 'accepted') {
                        setDeferredPrompt(null);
                    }
                }
            };

            const startScreenShare = async () => {
                try {
                    setErrorMsg("");
                    const stream = await navigator.mediaDevices.getDisplayMedia({ video: { cursor: "always" }, audio: true });
                    screenVideoRef.current.srcObject = stream;
                    screenStreamRef.current = stream;
                    setHasScreen(true);
                    stream.getVideoTracks()[0].onended = () => {
                        setHasScreen(false);
                        if (isRecording) stopRecording();
                    };
                } catch (err) {
                    setErrorMsg("Gagal memuat layar. Pastikan Anda memberi izin, atau browser seluler Anda tidak mendukung fitur ini.");
                }
            };

            const startCameraShare = async () => {
                try {
                    setErrorMsg("");
                    const stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: "user" }, audio: true });
                    cameraVideoRef.current.srcObject = stream;
                    cameraStreamRef.current = stream;
                    setHasCamera(true);
                } catch (err) {
                    setErrorMsg("Gagal memuat kamera/mikrofon. Pastikan Anda memberi izin.");
                }
            };

            const drawToCanvas = () => {
                const canvas = canvasRef.current;
                const ctx = canvas.getContext('2d');
                const sVideo = screenVideoRef.current;
                const cVideo = cameraVideoRef.current;

                if (!sVideo || !cVideo || !canvas) return;

                if (sVideo.videoWidth && canvas.width !== sVideo.videoWidth) {
                    canvas.width = sVideo.videoWidth || 1280;
                    canvas.height = sVideo.videoHeight || 720;
                }

                ctx.fillStyle = "#000";
                ctx.fillRect(0, 0, canvas.width, canvas.height);
                
                if (hasScreen && sVideo.readyState >= 2) {
                    ctx.drawImage(sVideo, 0, 0, canvas.width, canvas.height);
                } else if (!hasScreen) {
                    ctx.fillStyle = "#1e293b"; 
                    ctx.fillRect(0, 0, canvas.width, canvas.height);
                    ctx.fillStyle = "#94a3b8";
                    ctx.font = "30px Arial";
                    ctx.textAlign = "center";
                    ctx.fillText("Layar belum dibagikan", canvas.width/2, canvas.height/2);
                }

                if (hasCamera && cVideo.readyState >= 2) {
                    const pipWidth = canvas.width * 0.2; 
                    const pipHeight = (cVideo.videoHeight / cVideo.videoWidth) * pipWidth;
                    const margin = 20;
                    const x = canvas.width - pipWidth - margin;
                    const y = canvas.height - pipHeight - margin;

                    ctx.shadowColor = "rgba(0,0,0,0.5)";
                    ctx.shadowBlur = 10;
                    ctx.lineWidth = 4;
                    ctx.strokeStyle = "#4f46e5"; 
                    
                    ctx.drawImage(cVideo, x, y, pipWidth, pipHeight);
                    ctx.strokeRect(x, y, pipWidth, pipHeight);
                    ctx.shadowBlur = 0;
                }
                animationFrameRef.current = requestAnimationFrame(drawToCanvas);
            };

            useEffect(() => {
                drawToCanvas();
                return () => cancelAnimationFrame(animationFrameRef.current);
            }, [hasScreen, hasCamera]);

            const startRecording = () => {
                if (!hasScreen && !hasCamera) {
                    setErrorMsg("Bagikan setidaknya layar atau kamera sebelum merekam.");
                    return;
                }
                recordedChunksRef.current = [];
                setRecordedVideoUrl(null);

                const canvasStream = canvasRef.current.captureStream(30);
                audioContextRef.current = new (window.AudioContext || window.webkitAudioContext)();
                const audioDestination = audioContextRef.current.createMediaStreamDestination();

                if (screenStreamRef.current && screenStreamRef.current.getAudioTracks().length > 0) {
                    const screenAudioSource = audioContextRef.current.createMediaStreamSource(screenStreamRef.current);
                    screenAudioSource.connect(audioDestination);
                }

                if (cameraStreamRef.current && cameraStreamRef.current.getAudioTracks().length > 0) {
                    const cameraAudioSource = audioContextRef.current.createMediaStreamSource(cameraStreamRef.current);
                    cameraAudioSource.connect(audioDestination);
                }

                const combinedStream = new MediaStream([
                    ...canvasStream.getVideoTracks(),
                    ...audioDestination.stream.getAudioTracks()
                ]);

                try {
                    mediaRecorderRef.current = new MediaRecorder(combinedStream, { mimeType: 'video/webm; codecs=vp9' });
                } catch (e) {
                    mediaRecorderRef.current = new MediaRecorder(combinedStream);
                }

                mediaRecorderRef.current.ondataavailable = (event) => {
                    if (event.data.size > 0) recordedChunksRef.current.push(event.data);
                };

                mediaRecorderRef.current.onstop = () => {
                    const blob = new Blob(recordedChunksRef.current, { type: 'video/webm' });
                    setRecordedVideoUrl(URL.createObjectURL(blob));
                };

                mediaRecorderRef.current.start(1000);
                setIsRecording(true);
            };

            const stopRecording = () => {
                if (mediaRecorderRef.current && isRecording) {
                    mediaRecorderRef.current.stop();
                    setIsRecording(false);
                }
            };

            return (
                <div className="max-w-5xl mx-auto p-6 flex flex-col items-center">
                    
                    {/* Header PWA */}
                    <header className="w-full flex justify-between items-center mb-8 mt-4">
                        <div className="flex items-center gap-3">
                            <Video className="w-8 h-8 text-indigo-500" />
                            <h1 className="text-2xl font-extrabold tracking-tight">Dual<span className="text-indigo-500">Record</span></h1>
                        </div>
                        
                        {/* Tombol Install PWA akan muncul jika browser mendukung */}
                        {deferredPrompt && (
                            <button 
                                onClick={handleInstallPWA}
                                className="bg-indigo-600 hover:bg-indigo-500 text-white px-4 py-2 rounded-xl text-sm font-bold flex items-center gap-2 shadow-lg"
                            >
                                <DownloadCloud className="w-4 h-4"/> Install App
                            </button>
                        )}
                    </header>

                    {errorMsg && (
                        <div className="w-full bg-red-500/10 border border-red-500/50 text-red-400 p-4 rounded-xl mb-6 flex items-start gap-3">
                            <AlertCircle className="w-5 h-5 shrink-0 mt-0.5" />
                            <p className="text-sm">{errorMsg}</p>
                        </div>
                    )}

                    <div className="w-full grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">
                        <div className="bg-slate-800 p-5 rounded-2xl border border-slate-700 flex flex-col items-center justify-center text-center">
                            <Monitor className={`w-12 h-12 mb-3 ${hasScreen ? 'text-indigo-400' : 'text-slate-500'}`} />
                            <h3 className="font-semibold mb-1">Sumber Layar</h3>
                            <button onClick={startScreenShare} disabled={isRecording} className={`mt-3 px-6 py-2.5 rounded-full font-medium text-sm transition-all ${hasScreen ? 'bg-indigo-600/20 text-indigo-400 border border-indigo-500/30' : 'bg-slate-700 hover:bg-slate-600'}`}>
                                {hasScreen ? 'Layar Aktif' : 'Pilih Layar'}
                            </button>
                        </div>

                        <div className="bg-slate-800 p-5 rounded-2xl border border-slate-700 flex flex-col items-center justify-center text-center">
                            <Camera className={`w-12 h-12 mb-3 ${hasCamera ? 'text-emerald-400' : 'text-slate-500'}`} />
                            <h3 className="font-semibold mb-1">Sumber Kamera</h3>
                            <button onClick={startCameraShare} disabled={isRecording} className={`mt-3 px-6 py-2.5 rounded-full font-medium text-sm transition-all ${hasCamera ? 'bg-emerald-600/20 text-emerald-400 border border-emerald-500/30' : 'bg-slate-700 hover:bg-slate-600'}`}>
                                {hasCamera ? 'Kamera Aktif' : 'Aktifkan Kamera'}
                            </button>
                        </div>
                    </div>

                    <div className="w-full aspect-video bg-black rounded-3xl overflow-hidden border-2 border-slate-800 relative shadow-2xl mb-8">
                        <video ref={screenVideoRef} autoPlay playsInline muted className="hidden"></video>
                        <video ref={cameraVideoRef} autoPlay playsInline muted className="hidden"></video>
                        <canvas ref={canvasRef} className="w-full h-full object-contain" width="1280" height="720"></canvas>
                        
                        {isRecording && (
                            <div className="absolute top-4 right-4 bg-red-600 text-white text-xs font-bold px-3 py-1.5 rounded-full flex items-center gap-2 animate-pulse">
                                <div className="w-2 h-2 bg-white rounded-full"></div> REC
                            </div>
                        )}
                    </div>

                    <div className="flex flex-col items-center gap-4 w-full max-w-md pb-10">
                        {!isRecording ? (
                            <button onClick={startRecording} disabled={(!hasScreen && !hasCamera)} className="w-full bg-indigo-600 hover:bg-indigo-500 disabled:bg-slate-800 disabled:text-slate-500 text-white font-bold py-4 rounded-2xl flex items-center justify-center gap-2 transition-all">
                                <Video className="w-5 h-5" /> Mulai Merekam
                            </button>
                        ) : (
                            <button onClick={stopRecording} className="w-full bg-red-600 hover:bg-red-500 text-white font-bold py-4 rounded-2xl flex items-center justify-center gap-2 transition-all">
                                <StopCircle className="w-5 h-5" /> Hentikan Rekaman
                            </button>
                        )}

                        {recordedVideoUrl && !isRecording && (
                            <div className="w-full bg-slate-800 p-4 rounded-2xl border border-emerald-500/30 text-center">
                                <p className="text-emerald-400 font-medium text-sm mb-3">✅ Rekaman berhasil disimpan!</p>
                                <a href={recordedVideoUrl} download={`DualRecord_${new Date().getTime()}.webm`} className="w-full bg-emerald-600 hover:bg-emerald-500 text-white font-bold py-3 rounded-xl flex items-center justify-center gap-2">
                                    <Download className="w-5 h-5" /> Unduh Video (.webm)
                                </a>
                            </div>
                        )}
                    </div>
                </div>
            );
        }

        const root = createRoot(document.getElementById('root'));
        root.render(<App />);
    


        if ('serviceWorker' in navigator) {
            window.addEventListener('load', () => {
                navigator.serviceWorker.register('./sw.js')
                    .then((reg) => console.log('Service Worker terdaftar!', reg.scope))
                    .catch((err) => console.error('Service Worker gagal:', err));
            });
        }
    

Tailwind CSS

Unpkg

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

Requests	IP Address	Location	AS Autonomous System
5	104.26.14.209	United States	AS13335Cloudflare, Inc.
4	104.26.2.143	United States	AS13335
4	43.174.246.29	Singapore	AS139341ACE
4	104.18.0.22	United States	AS13335Cloudflare, Inc.
17	4	-	-

Security Scan Report: sympathetic-lavender-mmouxih3u0-0lp7lihhdq.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