WebAudio.Program

Each of the functions contained in this module are wrappers for the existing Browser application types. They need just two additions to the record:

An audio function that takes your model and returns a WebAudio.Graph.

audio : Model -> WebAudio.Graph
audio model =
  List.map voice model.notes

A port to send the encoded audio graph to javascript.

port audioPort : Json.Encode.Value -> Cmd msg

With these programs, your audio function is called automatically after every update just like your view function is. So if we wanted to create a Browser.element program, we'd instead do:

main : Program () Model Msg
main =
  WebAudio.Program.element
    { init = init
    , update = update
    , audio = audio
    , view = view
    , subscriptions = subscriptions
    , audioPort = audioPort
    }

The only program from Browser not support is Browser.sandbox as those programs cannot produce Cmds and so can't call the port needed to send our audio graph to javascript.

element :

{ init : flags -> ( model, Cmd msg )

, update : msg -> model -> ( model, Cmd msg )

, audio : model -> Graph

, view : model -> Html msg

, subscriptions : model -> Sub msg

, audioPort : Value -> Cmd msg

}

-> Program flags model msg

document :

{ init : flags -> ( model, Cmd msg )

, update : msg -> model -> ( model, Cmd msg )

, audio : model -> Graph

, view : model -> Document msg

, subscriptions : model -> Sub msg

, audioPort : Value -> Cmd msg

}

-> Program flags model msg

application :

{ init : flags -> Url -> Key -> ( model, Cmd msg )

, update : msg -> model -> ( model, Cmd msg )

, audio : model -> Graph

, view : model -> Document msg

, subscriptions : model -> Sub msg

, audioPort : Value -> Cmd msg

, onUrlRequest : UrlRequest -> msg

, onUrlChange : Url -> msg

}

-> Program flags model msg

pd-andy/elm-web-audio/2.2.0

WebAudio.Program

Modules