¿Estoy tratando de utilizar la API de audio web con NexusUI JS para marcar/perillas?
En Chrome, el dial cambia la frecuencia del oscilador, pero en Safari se está reproduciendo, creo que el valor predeterminado es 440 Hz.
¿Puede alguien por favor indicarme qué me estoy perdiendo o haciendo mal? Parece que estoy en la dirección correcta, ya que obtengo resultados en Chrome, ya que Safari es muy estricto. He pasado por alto algunos errores básicos.
Razón para usar nexusUI: fue el dial/perilla más minimalista que encontré. Solo necesito una perilla súper básica. Interruptor de palanca que puedo reemplazar fácilmente con un botón de reproducción/pausa.
Ejemplo de lo que estoy tratando de hacer. ( Igual en codepen )
document.body.style.backgroundColor = "#2a2c2d"; var power = new Nexus.Toggle("#power", { state: false }); Nexus.colors.accent = "#16e1ff"; Nexus.colors.fill = "#2a2c2d"; Nexus.colors.accent = "#16e1ff"; var dial = new Nexus.Dial("#dial"); dial.value = 0; dial.min = 20; dial.max = 6000; dial.on("change", function (v) { knb1.frequency.value = v; console.log(v); return v; }); window.AudioContext = window.AudioContext || window.webkitAudioContext; var context = new AudioContext(); var knb1 = context.createOscillator(); var knb1Gain = context.createGain(); var breath1 = context.createOscillator(); var breathGain1 = context.createGain(); knb1.type = "sine"; knb1Gain.gain.value = 0.1 / 8; knb1.connect(knb1Gain); knb1Gain.connect(context.destination); breath1.connect(breathGain1); breath1.type = "sine"; breath1.frequency.value = 0.01; breathGain1.gain.value = (0.2 + 0.01) / 8; knb1.start(); context.onstatechange = function () { console.log(context.state); }; power.on("change", function (v) { v ? context.resume() : context.suspend(); }); <script src="https://cdn.jsdelivr.net/npm/nexusui@latest/dist/NexusUI.js"></script> <div id="power"><div> <div id="dial"></div>mi codigo estaba mal
knb1.frequency.value = v; ¡Está Mal!
la línea correcta es knb1.frequency.setValueAtTime(v, context.currentTime);
cambiar esta línea resolvió mi problema.