speratus

class WebSynthProcessor extends AudioWorkletProcessor {

    constructor(options) {
        super(options);
        this.cycler = 0;
        this.transport = 0;

        this.port.onmessage = event => this.onmessage(event.data);
        console.log(sampleRate);
    }

speratus

 let startBtn = document.getElementById('start-sound');

      async function setup() {
        const bin = await WebAssembly.compileStreaming(await fetch('/www/wasm_demo.wasm'));
        // const buf = await bin.arrayBuffer();

        let context =  new AudioContext();
        console.log("adding module");
        await context.audioWorklet.addModule('processor.js');
        let node = new AudioWorkletNode(context, 'web-synth-proto');

speratus

#!/bin/bash

# Run these commands after creating your service file to get it installed and running.

# Once the service file is finished, copy it to the correct directory.
# In Ubuntu based systems, this is usually /etc/systemd/system.
sudo cp postgres.service /etc/systemd/service

# Now try starting the service:
sudo systemctl start postgres.service

speratus

//Import all the things

class AwesomePopup extends React.Component {
    state = {
        results: [],
        value: ''
    }

    onSearchChange = (e, {value}) => {

speratus

<form id='form'>
    <label for="name">Name:</label>
    <input type="text" name="name" placeholder="Please enter a name">
    <label for='avatar'>Image:</label>
    <input type="file" name="avatar">

    <input type="submit" value="Submit new User">
</form>

speratus

def create
  #If you set up your frontend request properly, params[:avatar] will be an UploadedFile instance, which is what we want
  user = User.new(name: params[:name], avatar: params[:avatar]) 
  #passing the file in to the constructor causes ActiveStorage to attach the file automatically.
  if user.save
    puts "The user saved successfully"
    render json: user
  else
    puts "The user failed to save"
    render json: {message: "Error"}

speratus

document.querySelector("#form").addEventListener(e => {
        e.preventDefault()
  
        //Get the file from the file input type
        const file = e.target['avatar'].files[0]
        const name = e.target['name'].value
        const formData = new FormData()
        //append the file directly to formData. It's read in automatically
        formData.append('avatar', file)
        formData.append('name', name)

speratus

def create
  user = User.new(name: params[:name])
  user.avatar.attach(params[:avatar])
  if user.save
    puts "The user saved successfully"
    render json: user
  else
    puts "The user failed to save"
    render json: {message: "Error"}
  end

speratus

class User < ApplicationRecord
    has_one_attached :avatar
end

speratus

document.querySelector("#form").addEventListener('submit', (e) => {
        e.preventDefault()
        const file = e.target['file'].files[0]
        const reader = new FileReader();

        reader.addEventListener('load', (e) => {
            console.log(e)
            console.log('The data is', e.target.result)

            fetch("http://localhost:3000/images", {