Dimasdev * { ukuran-kotak: kotak-perbatasan; batas: 0; bantalan: 0; } tubuh { font-family: 'Segoe UI', Arial, sans-serif; tinggi min: 100vh; gambar latar: url('https://g.top4top.io/p_3316gn61h0.jpeg'); tampilan: fleksibel; sejajarkan-item: tengah; justify-content: tengah; bantalan: 20px; arah-fleksibel: kolom; posisi: relatif; } .wadah obrolan { lebar: 100%; lebar maks: 900 piksel; latar belakang: rgba(0, 0, 0, 0.7); radius batas: 20px; bayangan kotak: 0 8px 20px rgba(0, 0, 0, 0.3); bantalan: 20px; filter latar belakang: kabur(10px); } .header-obrolan { tampilan: fleksibel; sejajarkan-item: tengah; margin-bawah: 15px; border-bottom: 1 piksel padat #ccc; padding-bawah: 15px; } .avatar bot { lebar: 60px; tinggi: 60px; margin-kanan: 15px; } .avatar bot img { lebar: 100%; tinggi: 100%; radius batas: 50%; } .header obrolan h1 { warna: putih; ukuran font: 1.5rem; } .pesan-obrolan { tinggi: 400px; overflow-y: otomatis; bantalan: 15px; radius batas: 15px; latar belakang: rgba(255, 255, 255, 0.1); warna: putih; margin-bawah: 15px; } .pesan { margin-bawah: 15px; tampilan: fleksibel; } .pesan-pengguna { justifikasi-konten: flex-end; } .bot-pesan { justifikasi-konten: flex-mulai; } .konten-pesan { bantalan: 12px 18px; radius batas: 18px; lebar maks: 75%; ukuran font: 1rem; } .pesan-pengguna .konten-pesan { latar belakang: #1E90FF; warna: putih; } .bot-pesan .konten-pesan { latar belakang: #444; warna: putih; } .wadah masukan { tampilan: fleksibel; celah: 10px; } #masukan-pesan { fleksibel: 1; bantalan: 10px; radius batas: 20px; latar belakang: #444; warna: putih; } #tombol-kirim { latar belakang: #1E90FF; warna: putih; bantalan: 10px 20px; radius batas: 20px; kursor: penunjuk; } .indikator pengetikan { tampilan: tidak ada; warna: #aaa; gaya font: miring; margin-bawah: 10px; } /* Hak cipta animasi */ .hak cipta { posisi: absolut; bawah: 10px; lebar: 100%; teks-ratakan: tengah; warna: putih; } @keyframes gulir teks { 0% { opasitas: 0; transformasi: translateX(-100%); } 25% { opasitas: 1; transformasi: translateX(0); } 50% { opasitas: 1; transformasi: translateX(100%); } 75% { opasitas: 0; transformasi: translateX(0); } 100% { opasitas: 0; transformasi: translateX(-100%); } } #kontrol-musik { margin-atas: 20px; tampilan: fleksibel; celah: 10px; } #tombol-putar, #tombol-berhenti { bantalan: 10px 20px; warna latar belakang: #1E90FF; warna: putih; perbatasan: tidak ada; radius batas: 20px; kursor: penunjuk; } #tombol-putar:arahkan kursor, #tombol-berhenti:arahkan kursor { warna latar belakang: #187bcd; }
Bahasa Indonesia:

Kecerdasan Buatan REV

Bahasa Indonesia:
REV AI sedang mengetik...
Kirim Bahasa Indonesia: Bahasa Indonesia:
© Rev webdev
putar musik dukungan Bahasa Indonesia: const messageInput = document.getElementById('input-pesan'); const sendButton = document.getElementById('tombol-kirim'); const chatMessages = document.getElementById('pesan-obrolan'); const typingIndicator = document.getElementById('indikator-mengetik'); const playButton = document.getElementById('tombol-putar'); const stopButton = document.getElementById('tombol-berhenti'); biarkan musik = new Audio('https://b.top4top.io/m_3307bbz4v1.mp3'); fungsi asinkron sendMessage() { const pesan = messageInput.nilai.trim(); jika (!pesan) kembali; addMessage(pesan, 'pengguna'); messageInput.nilai = ''; typingIndicator.style.display = 'blok'; mencoba { const respons = menunggu pengambilan(`https://darkness.ashlynn.workers.dev/chat/?prompt=${encodeURIComponent(pesan)}&model=gpt-4o-mini`); const data = menunggu respon.json(); typingIndicator.style.display = 'tidak ada'; jika (data.sukses === 'sukses' dan data.respon) { addMessage(data.response, 'bot'); } kalau tidak { addMessage('Maaf, terjadi kesalahan. Coba lagi.', 'bot'); } } tangkap (kesalahan) { typingIndicator.style.display = 'tidak ada'; addMessage('Maaf, terjadi kesalahan. Coba lagi.', 'bot'); } } fungsi addMessage(teks, pengirim) { const messageDiv = dokumen.createElement('div'); messageDiv.classList.add('pesan', `${sender}-message`); konstanta kontenpesan = dokumen.createElement('div'); messageContent.classList.tambahkan('konten-pesan'); messageContent.textContent = teks; messageDiv.appendChild(kontenpesan); chatMessages.appendChild(pesanDiv); chatMessages.scrollTop = chatMessages.scrollHeight; } playButton.addEventListener('klik', () => { musik.putar(); }); stopButton.addEventListener('klik', () => { window.open('https://wa.me/6281333097059?text=Halo%20%bang%20Tamvan,%20Saya%20ingin%20memberikan%20rating%20atau%20saran.', '_blank'); }); sendButton.addEventListener('klik', sendMessage); messageInput.addEventListener('tekanan tombol', (e) => { jika (e.kunci === 'Enter') kirimPesan(); }); addMessage('Halo! Saya MEKI AI. Ada yang bisa saya bantu?', 'bot'); Bahasa Indonesia: