FOYDALANISH VA INTEGRATSIYA

Ovozga shakl berish,
bir necha qadamda.

Kolleksiyadagi har bir orb mustaqil: uni sinang, holatlarini ko‘ring va o‘z loyihangizda ishlating.

Avval sinab ko‘ring

Orb tanlang. Galereya kartasi yoki sinov maydonidagi ro‘yxatdan ko‘rinishni almashtiring. “Tayyor” har bir orbning o‘z shaklini ko‘rsatadi.
Holatni almashtiring. “Namoyishni boshlash” o‘nta holatni ketma-ket ko‘rsatadi. Bu vizual demo; unda ovoz ijro etilmaydi.
Mikrofonni yoqing. Ruxsat berganingizdan so‘ng Tinglash va Gapirish ovozingizga javob beradi. Ikkisi orasida mikrofon uzilmaydi.
Audio bilan sinang. Audio faylni tanlang — orb aynan ijro etilayotgan audio bilan harakat qiladi. Fayl serverga yuklanmaydi.

Pauza tugmasi harakatni to‘xtatadi. Kamera tugmasi shaffof PNG saqlaydi. 1–0 tugmalari holatni, Space namoyishni boshqaradi.

Holatlar nimani bildiradi?

Holat	Vazifasi	Ko‘rinishi
Tayyor	Suhbatni kutish	Har orbning o‘z tabiiy shakli
Ulanish	Aloqa o‘rnatish	Uzluksiz aylanadigan loading
Tinglash	Kiruvchi ovoz	Mahalliy akustik to‘lqinlar
O‘ylash	Javob tayyorlash	Orbital yoki materialga mos oqim
Gapirish	Chiquvchi ovoz	Tashqariga tarqaladigan reaksiya
Uzilish	Vaqtincha to‘xtash	Zarrachali pauza belgisi
Tugallandi	Muvaffaqiyat	Zarrachali tasdiq belgisi
Xato	Qayta urinish kerak	Zarrachali undov
Ovoz o‘chiq	Mikrofon o‘chirilgan	Slash-mikrofon
Nofaol	Yordamchi faol emas	Ohista harakatdagi quvvat belgisi

Loyihangizga ulash

JavaScript komponenti tashqi kutubxonasiz ishlaydi. Uchta faylni o‘z loyihangizga ko‘chiring:

<canvas id="orb" style="width:320px;height:320px"></canvas>
<script src="src/orb-designs.js"></script>
<script src="src/orb-formations.js"></script>
<script src="src/particle-orb.js"></script>
<script>
const orb = new ParticleOrb(document.querySelector('#orb'), {
  design: 'tide', theme: 'dark', state: 'idle',
});
orb.setState('listening');
orb.setLevels({ level: 0.6, low: 0.5, mid: 0.3, high: 0.2 });
// Komponent yopilganda: orb.destroy();
</script>

setDesign(), setTheme(), setState(), setLevels(), setPaused() va destroy() asosiy metodlar. To‘liq misollar manba to‘plamidagi docs/INTEGRATION.mdda.

Manba kodini olish ↓

Audio va maxfiylik

Mikrofon faqat Siz tugmani bosib, brauzerga ruxsat berganingizda ochiladi. Ovoz qurilmangizda tahlil qilinadi: bu sayt uni yozmaydi, serverga yubormaydi va karnayga qaytarmaydi.

Haqiqiy audio uchun RMS, past/o‘rta/yuqori chastotalar va 64 ta PCM namunasi olinadi. Hududlar turli kechikish va tezlik bilan javob beradi. Sukutda audio ta’siri so‘nadi; orbning tabiiy sokin harakati qoladi.

AI yoki TTS loyihangizda gapirish holatiga aynan ijro audiosining darajasini bering. Vizual demo ovoz darajasini haqiqiy audio deb ko‘rsatmang. HTTPS yoki localhost zarur.

Kamaytirilgan harakat sozlamasi yoqilganida geometrik harakat tinadi. Sahifa yashirilsa mikrofon to‘xtatiladi.

Hisobchim uchun native variant

Lojuvard ko‘k, firuza va oltin ranglaridagi Flutter orb bosh sahifa yordamchisiga va ovoz kiritish oynalariga moslangan. Tayyor holati sfera; kerakli holatlarda zarrachalar belgiga yig‘iladi.

Native komponent mikrofon amplitudasi va TTS lifecycle’iga ulangan. Amaldagi native TTS ko‘prigi chiqish amplitudasini bermaydi. Bu native demoni aniq TTS waveform’i deb qabul qilmang.

Light/dark ko‘rinishlari ↗ · Flutter manbasi ↓

Manbalar va paket tarkibi

Uchta foydalanuvchi taqdim etgan statik mesh/halqa arxivi vizual referens bo‘ldi; orb geometriyalari kod orqali yangidan qurildi. Stock EPS fayllar public manba paketiga kiritilmagan. Paketda komponent, 15 demo, integratsiya yo‘riqnomasi va Hisobchim uchun alohida native komponent mavjud.

Sayt frontend ko‘rgazma. Unda AI backend yoki matndan ovoz yaratish xizmati ulanmagan.

Ovozga shakl berish,bir necha qadamda.