technology software

adult content

documentation technical

government public service

entertainment media

The domain 'veo3generator-4dt7l35of9.edgeone.app' uses the application-focused generic top-level domain (.app) with subdomain 'veo3generator-4dt7l35of9'. Count 7 characters in 'edgeone' with 4 vowels and three consonants. Splitting it apart reveals 2 words: edge, one. Median word length is 3.5 characters. No strong language cues emerged from the frequency lists.

html/48/78/48781d90-d207-4e44-a34f-cc0c517fbcef.html.gz

sha256=:p8GVrvuR1s+CzrQH47UvEw2zr8JCw190YjOiaLBmPCw=:

176e894661aa9cdc9a5cba6c720044cbbf7b8bd80d1c9a142a7c24b1b6c50d15

a7c195aefb91d6cf82ceb407e3b52f130db3afc242c35f746233a268b0663c2c

4f13f174ab5a264aab745f36582cf1b8835d2d41f1d2b7e2c1e927ac2cb238f9

fe14009a42dc84ce0d41fc48a09fcd216dd5b420ee812a3776fcdc1a2b7b83cd

57e9929da7976029817dc2287d9b2cb7d281df897e7dd6fcc776e7ff578ee9f3

8a1a8a363eb417fc8d40f6b15132e8964320782d7169e68fc6ac98b8b8c201eb

aadd8c46c5a49c6d19db9cd46c889a076cad739521e802c8cb9896baf1877034

499e778cc71832e0e0ed59261e219dba8814a1e9717c424989cfc8b62d574062

6c6edba6e4080eae74a4bd45ec60dde4c6026a18e7d0798450895fb618218b49

a986c2876dc2f73879f395e677dc34cb751f260e69db16364810655f884df173

fec8d5ab4ffa55c8b563abc31060c3dc0205699aff20beec4aba0311efdcc1a0

dffc01aec3ee60eaedf8b330a3a684021aa383831f2dac40e19ba392e1937f69

088666a67024192b1d4983c053b5eef53a04a9a88699ce8c0aef0d93ac0504a3

d4dfa4b7a39a76bd5b69255fac84478363a59ea6f598850af9910dbc756695ae

d40cc0a3257824081f9ef0f2246042c7cdf43205c5d9060016fa709b37d045c8

189448fc1985526b3a178c64c94e885a53b660bb140cc31691ca516d8504ad91

8bd34341e4ac9a3227358e2e8ecf53785c5c73be54e9911d890ff6c05d9cd5ba

viewport

html/48/78/48781d90-d207-4e44-a34f-cc0c517fbcef_nodriver.html.gz

veo3generator-4dt7l35of9.edgeone.app

Prudence Malinki

MarkMonitor Inc.

edgeone.app

Abuse

Admin

Cloudflare-NOC

Cloudflare, Inc.

CLOUDFLARENET


        import React, { useState, useRef } from 'react';
        import { createRoot } from 'react-dom/client';
        import { 
            Upload, Play, Loader2, Video, Image as ImageIcon, Sparkles, Send, 
            AlertCircle, Key, Info, Clock, Volume2, Download, ExternalLink, 
            RefreshCw, Globe, ToggleLeft, ToggleRight 
        } from 'lucide-react';

        const App = () => {
            const [image, setImage] = useState(null);
            const [base64Image, setBase64Image] = useState("");
            const [prompt, setPrompt] = useState("");
            const [isGenerating, setIsGenerating] = useState(false);
            const [generationStatus, setGenerationStatus] = useState("");
            const [videoUrl, setVideoUrl] = useState(null);
            const [error, setError] = useState(null);
            const [userApiKey, setUserApiKey] = useState("");
            const [useDemoMode, setUseDemoMode] = useState(true);
            const [corsProxy, setCorsProxy] = useState("https://api.allorigins.win/raw?url=");
            const fileInputRef = useRef(null);

            const proxyList = [
                "https://api.allorigins.win/raw?url=",
                "https://corsproxy.io/?",
                "https://api.codetabs.com/v1/proxy?quest="
            ];

            const handleImageUpload = (e) => {
                const file = e.target.files[0];
                if (file) {
                    if (file.size > 5 * 1024 * 1024) {
                        setError("Saiz fail terlalu besar. Sila guna imej di bawah 5MB.");
                        return;
                    }
                    const reader = new FileReader();
                    reader.onloadend = () => {
                        setImage(reader.result);
                        const base64String = reader.result.split(',')[1];
                        setBase64Image(base64String);
                    };
                    reader.readAsDataURL(file);
                    setError(null);
                }
            };

            const runSimulation = async () => {
                setGenerationStatus("Mod Demo: Menghubungi Veo 3.1 (Simulasi)...");
                await new Promise(resolve => setTimeout(resolve, 2000));
                const steps = ["Menganalisis...", "Rendering...", "Menyuntik audio...", "Selesai..."];
                for (let step of steps) {
                    setGenerationStatus(step);
                    await new Promise(resolve => setTimeout(resolve, 1000));
                }
                setVideoUrl("https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4");
                setIsGenerating(false);
            };

            const generateVideo = async () => {
                if (useDemoMode) {
                    setIsGenerating(true);
                    setError(null);
                    setVideoUrl(null);
                    await runSimulation();
                    return;
                }

                const activeKey = userApiKey.trim();
                if (!activeKey) {
                    setError("Kunci API diperlukan.");
                    return;
                }
                if (!prompt || !base64Image) {
                    setError("Sila muat naik imej dan masukkan prompt.");
                    return;
                }

                setIsGenerating(true);
                setError(null);
                setVideoUrl(null);
                setGenerationStatus("Memulakan penjanaan video...");

                try {
                    // Guna Proxy untuk elak CORS
                    const baseUrl = `https://generativelanguage.googleapis.com/v1beta/models/veo-3.1-generate-preview:generateVideo?key=${activeKey}`;
                    const startUrl = `${corsProxy}${encodeURIComponent(baseUrl)}`;
                    
                    const payload = {
                        prompt: prompt,
                        image: { imageBytes: base64Image, mimeType: "image/png" }
                    };

                    const startResponse = await fetch(startUrl, {
                        method: 'POST',
                        headers: { 'Content-Type': 'application/json' },
                        body: JSON.stringify(payload)
                    });

                    const startData = await startResponse.json();
                    if (!startResponse.ok) throw new Error(startData.error?.message || `Gagal (${startResponse.status})`);

                    const operationName = startData.name;
                    if (!operationName) throw new Error("ID Operasi tidak ditemui.");

                    let isDone = false;
                    let finalVideoUrl = null;
                    let attempts = 0;
                    const maxAttempts = 60;

                    while (!isDone && attempts < maxAttempts) {
                        attempts++;
                        setGenerationStatus(`Memproses video... (${attempts}s)`);
                        await new Promise(resolve => setTimeout(resolve, 5000));

                        const pollBaseUrl = `https://generativelanguage.googleapis.com/v1beta/${operationName}?key=${activeKey}`;
                        const pollUrl = `${corsProxy}${encodeURIComponent(pollBaseUrl)}`;
                        
                        const pollResponse = await fetch(pollUrl);
                        if (!pollResponse.ok) continue;

                        const pollData = await pollResponse.json();
                        if (pollData.done) {
                            isDone = true;
                            if (pollData.error) throw new Error(pollData.error.message);
                            const videoResult = pollData.response?.generatedVideos?.[0]?.video;
                            if (videoResult?.uri) {
                                finalVideoUrl = videoResult.uri;
                            } else {
                                throw new Error("URL video tidak ditemui.");
                            }
                        }
                    }

                    if (!finalVideoUrl) throw new Error("Tamat masa.");
                    setVideoUrl(finalVideoUrl);
                    setIsGenerating(false);

                } catch (err) {
                    console.error("API Error:", err);
                    setError(err.message.includes("Failed to fetch") ? "CORS Error: Sila tukar Proxy atau guna Mod Demo." : err.message);
                    setIsGenerating(false);
                }
            };

            return (
                <div className="min-h-screen text-slate-100 font-sans p-4 md:p-8 selection:bg-indigo-500/30">
                    <div className="max-w-6xl mx-auto">
                        <header className="flex flex-col md:flex-row md:items-center justify-between mb-10 gap-6">
                            <div className="flex items-center gap-4">
                                <div className="relative">
                                    <div className="absolute -inset-1 bg-gradient-to-r from-indigo-500 to-purple-600 rounded-2xl blur opacity-30"></div>
                                    <div className="relative bg-slate-900 border border-slate-800 p-3 rounded-2xl shadow-2xl">
                                        <Video className="w-8 h-8 text-indigo-400" />
                                    </div>
                                </div>
                                <div>
                                    <h1 className="text-3xl font-bold tracking-tight text-white flex items-center gap-2">
                                        Veo 3.1 <span className="text-indigo-500">Studio</span>
                                    </h1>
                                    <p className="text-slate-400 text-sm flex items-center gap-1.5 mt-1">
                                        <Sparkles className="w-4 h-4 text-indigo-400" /> Single File HTML
                                    </p>
                                </div>
                            </div>

                            <div className="flex flex-col gap-2 min-w-[300px]">
                                <div className="flex gap-2">
                                    <button onClick={() => { setUseDemoMode(!useDemoMode); setError(null); }} className={`flex items-center gap-2 px-3 py-2 rounded-xl border transition-all text-xs font-semibold ${useDemoMode ? 'bg-yellow-500/10 border-yellow-500/50 text-yellow-200' : 'bg-slate-900 border-slate-700 text-slate-400'}`}>
                                        {useDemoMode ? <ToggleRight className="w-4 h-4 text-yellow-400" /> : <ToggleLeft className="w-4 h-4" />}
                                        {useDemoMode ? "Demo" : "API"}
                                    </button>
                                    {!useDemoMode && (
                                        <select value={corsProxy} onChange={(e) => setCorsProxy(e.target.value)} className="bg-slate-900 border border-slate-800 rounded-xl px-2 text-xs text-slate-300 focus:outline-none">
                                            {proxyList.map((p, i) => <option key={i} value={p}>Proxy {i+1}</option>)}
                                        </select>
                                    )}
                                </div>
                                <div className="relative group">
                                    <div className="absolute left-3 top-1/2 -translate-y-1/2 text-slate-500"><Key className="w-4 h-4" /></div>
                                    <input type="password" value={userApiKey} onChange={(e) => setUserApiKey(e.target.value)} placeholder="API Key..." disabled={useDemoMode} className={`w-full bg-slate-900/50 border border-slate-800 rounded-xl py-2 pl-10 pr-4 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500/50 ${useDemoMode ? 'opacity-50' : ''}`} />
                                </div>
                            </div>
                        </header>

                        <main className="grid grid-cols-1 lg:grid-cols-12 gap-8">
                            <section className="lg:col-span-5 space-y-6">
                                <div className="bg-slate-900/40 border border-slate-800/60 rounded-[32px] p-6 backdrop-blur-xl shadow-inner">
                                    <h2 className="text-lg font-semibold mb-5 flex items-center gap-2 text-white"><ImageIcon className="w-5 h-5 text-indigo-400" /> Sumber Imej</h2>
                                    <div onClick={() => !isGenerating && fileInputRef.current?.click()} className={`relative group cursor-pointer border-2 border-dashed rounded-3xl transition-all duration-300 flex flex-col items-center justify-center min-h-[260px] overflow-hidden ${image ? 'border-indigo-500/40 bg-indigo-500/5' : 'border-slate-700 hover:border-indigo-500/50 hover:bg-slate-800/50'} ${isGenerating ? 'opacity-50 cursor-not-allowed' : ''}`}>
                                        {image ? (
                                            <div className="relative w-full h-full flex flex-col items-center">
                                                <img src={image} alt="Input" className="w-full h-[260px] object-cover" />
                                                <div className="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center backdrop-blur-[2px]">
                                                    <RefreshCw className="w-8 h-8 text-white" />
                                                </div>
                                            </div>
                                        ) : (
                                            <div className="text-center p-8 space-y-4">
                                                <div className="w-16 h-16 bg-slate-800 rounded-full flex items-center justify-center mx-auto text-slate-400 group-hover:text-indigo-400 group-hover:scale-110 transition-all duration-300"><Upload className="w-8 h-8" /></div>
                                                <div><p className="text-slate-200 font-medium">Pilih fail imej</p><p className="text-slate-500 text-xs mt-1">PNG, JPG sehingga 5MB</p></div>
                                            </div>
                                        )}
                                        <input type="file" ref={fileInputRef} onChange={handleImageUpload} className="hidden" accept="image/*" />
                                    </div>
                                </div>

                                <div className="bg-slate-900/40 border border-slate-800/60 rounded-[32px] p-6 backdrop-blur-xl">
                                    <h2 className="text-lg font-semibold mb-5 flex items-center gap-2 text-white"><Sparkles className="w-5 h-5 text-indigo-400" /> Arahan Video</h2>
                                    <textarea value={prompt} onChange={(e) => setPrompt(e.target.value)} placeholder="Terangkan bagaimana imej ini harus digerakkan..." className="w-full bg-slate-950/50 border border-slate-800 rounded-2xl p-4 text-slate-200 focus:outline-none focus:ring-2 focus:ring-indigo-500/30 min-h-[140px] resize-none text-sm leading-relaxed" disabled={isGenerating} />
                                    <div className="mt-4 flex flex-wrap gap-2">
                                        <div className="flex items-center gap-2 text-[11px] font-medium text-indigo-300 bg-indigo-500/10 px-3 py-1.5 rounded-full border border-indigo-500/20"><Volume2 className="w-3.5 h-3.5" /> Audio</div>
                                        <div className="flex items-center gap-2 text-[11px] font-medium text-slate-400 bg-slate-800/50 px-3 py-1.5 rounded-full border border-slate-700/50"><Clock className="w-3.5 h-3.5" /> ~120s</div>
                                    </div>
                                    {error && (<div className="mt-5 p-4 rounded-2xl bg-red-500/10 border border-red-500/20 text-red-400 text-xs flex gap-3"><AlertCircle className="w-5 h-5 flex-shrink-0" /><p>{error}</p></div>)}
                                    <button onClick={generateVideo} disabled={isGenerating || !base64Image} className={`w-full mt-6 py-4 rounded-2xl font-bold flex items-center justify-center gap-3 transition-all duration-300 ${isGenerating || !base64Image ? 'bg-slate-800 text-slate-500 cursor-not-allowed' : 'bg-indigo-600 text-white hover:bg-indigo-500 shadow-[0_0_20px_rgba(79,70,229,0.3)]'}`}>
                                        {isGenerating ? <><Loader2 className="w-5 h-5 animate-spin" /><span>{generationStatus}</span></> : <><Send className="w-5 h-5" /><span>Jana Video</span></>}
                                    </button>
                                </div>
                            </section>

                            <section className="lg:col-span-7 flex flex-col">
                                <div className="bg-slate-900/40 border border-slate-800/60 rounded-[40px] p-8 backdrop-blur-xl flex-1 flex flex-col shadow-2xl overflow-hidden">
                                    <div className="flex items-center justify-between mb-6">
                                        <h2 className="text-xl font-bold flex items-center gap-3 text-white"><Play className="w-6 h-6 text-indigo-400 fill-indigo-400/20" /> Karya Terjana</h2>
                                        {videoUrl && (<a href={videoUrl} target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 px-4 py-2 bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-400 rounded-xl text-xs font-bold transition-colors border border-indigo-500/20"><Download className="w-4 h-4" /> Muat Turun</a>)}
                                    </div>
                                    <div className="flex-1 bg-slate-950 rounded-[32px] border border-slate-800/50 flex items-center justify-center overflow-hidden relative shadow-inner min-h-[400px]">
                                        {videoUrl ? (<video src={videoUrl} controls autoPlay loop className="w-full h-full object-contain" />) : isGenerating ? (<div className="text-center p-12 space-y-6"><div className="w-24 h-24 border-4 border-indigo-500/20 border-t-indigo-500 rounded-full animate-spin mx-auto"></div><p className="text-xl font-medium text-white">{generationStatus}</p></div>) : (<div className="text-center max-w-sm"><div className="w-20 h-20 bg-slate-900/50 rounded-3xl flex items-center justify-center mx-auto mb-6 border border-slate-800"><Video className="w-10 h-10 text-slate-700" /></div><h3 className="text-lg font-medium text-slate-300">Sedia untuk beraksi?</h3></div>)}
                                    </div>
                                    <div className="mt-8 grid grid-cols-2 md:grid-cols-4 gap-4">
                                        <div className="bg-slate-950/50 border border-slate-800/50 p-4 rounded-2xl flex flex-col items-center"><span className="text-[10px] uppercase font-bold text-slate-500 mb-1">Model</span><span className="text-sm font-semibold text-indigo-400">Veo 3.1</span></div>
                                        <div className="bg-slate-950/50 border border-slate-800/50 p-4 rounded-2xl flex flex-col items-center"><span className="text-[10px] uppercase font-bold text-slate-500 mb-1">Status</span><span className="text-sm font-semibold text-indigo-400">{isGenerating ? "Busy" : "Ready"}</span></div>
                                        <div className="bg-slate-950/50 border border-slate-800/50 p-4 rounded-2xl flex flex-col items-center"><span className="text-[10px] uppercase font-bold text-slate-500 mb-1">Mode</span><span className="text-sm font-semibold text-indigo-400">{useDemoMode ? "Demo" : "Proxy"}</span></div>
                                        <div className="bg-slate-950/50 border border-slate-800/50 p-4 rounded-2xl flex flex-col items-center"><span className="text-[10px] uppercase font-bold text-slate-500 mb-1">Host</span><span className="text-sm font-semibold text-indigo-400">EdgeOne</span></div>
                                    </div>
                                </div>
                            </section>
                        </main>
                        <footer className="mt-12 text-center border-t border-slate-800/50 pt-8 text-slate-600 text-xs">© 2024 Veo Studio • Single File HTML</footer>
                    </div>
                </div>
            );
        };

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

Tailwind CSS

Unpkg

✅ Low Risk - https://veo3generator-4dt7l35of9.edgeone.app/

Requests	IP Address	Location	AS Autonomous System
17	43.152.26.58	Singapore	AS139341ACE
17	1	-	-

Security Scan Report: veo3generator-4dt7l35of9.edgeone.app

Summary

AI Security Verdict

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