Build. Ship. Evolve.

Voice Integration Example (ElevenLabs)

<!-- Basic embed (place near end of body) -->
<elevenlabs-convai 
  agent-id="YOUR_AGENT_ID_HERE" 
  variant="expanded"
  dismissible="true"
  action-text="Talk to Oc2cO Companion"
  start-call-text="Start Voice"
  avatar-orb-color-1="#00E5FF"
  avatar-orb-color-2="#64D4FF"
></elevenlabs-convai>

<script 
  src="https://unpkg.com/@elevenlabs/convai-widget-embed" 
  async 
  type="text/javascript">
</script>

<!-- Advanced with runtime overrides -->
<elevenlabs-convai
  agent-id="agent_7101k5zvyjhmfg983brhmhkd98n6"
  dynamic-variables='{"user_name": "Explorer", "mode": "memory"}'
  override-first-message="Welcome to your Oc2cO memory palace."
></elevenlabs-convai>

Full voice integration available via the in-site AI assistant.

Embedded Full Code Example 2: Advanced Holographic Neural Orb Morph (from VISUAL_SKILLS)

const canvas = document.getElementById('holo-orb');
const ctx = canvas.getContext('2d');
let mx=W/2, my=H/2; let nodes = [...]; // 12+ neural nodes
// mousemove, click spawnParticle, scrollPhase influence...
function animate() { ctx.clearRect(0,0,W,H); /* draw orbs + lines + particles + holo sweep */ requestAnimationFrame(animate); }
window.Oc2cO_HoloOrb = { triggerBurst: () => { /* burst */ } };

Full runnable version available from the in-site AI (ask for holographic orb or visual effects code).

Voice Tools — Full Integration Code

From TOOLS_SKILLS: ElevenLabs + Browser Web Speech + Native fallback.

<!-- Voice widget embed (ElevenLabs) + fallback -->
<script>
if ('speechSynthesis' in window) {
  const utter = new SpeechSynthesisUtterance('Recall memory...');
  speechSynthesis.speak(utter);
}
</script>
See full in TOOL_SKILL_ELEVENLABS... + TOOL_SKILL_BROWSER_WEB_SPEECH_VOICE.md

Music Tools — Full Integration Code

Suno proxy + Tone.js beats.

// Suno proxy call (see full MD)
fetch('/api/suno', {method:'POST', body: JSON.stringify({prompt:'upbeat memory vibe'})})
  .then(r=>r.json()).then(d => { new Audio(d.url).play(); });

// Tone.js fallback
const synth = new Tone.Synth().toDestination();
synth.triggerAttackRelease("C4", "8n");

Image Tools — Full Integration Code

Replicate Flux + Leonardo.ai via proxy.

async function generateFlux(prompt) {
  const resp = await fetch('/api/gen-flux', {method:'POST', body:JSON.stringify({prompt})});
  const {url} = await resp.json();
  document.getElementById('img').src = url; // store in mem / display
}
// Full proxy + client UI in TOOL_SKILL_REPLICATE_FLUX_IMAGE_GEN.md + LEONARDO