Reply To: MediaRecorder : changing the word on the button

[Jeremy]

Hi,

You can hide the default button by adding a CSS rule to PennController.css:

.MediaRecorder-record {
    display: none;
}

Then you can code the buttons yourself:

newMediaRecorder("audio").print(),
newButton("Enregistrer")
    .callback(
        getMediaRecorder("audio").record(),
        getButton("Enregistrer").remove(),
        getButton("Continuer").remove(),
        getButton("Arrêter").print()
    )
    .print()
,
newButton("Arrêter")
    .callback(
        getMediaRecorder("audio").stop(),
        getButton("Arrêter").remove(),
        getButton("Enregistrer").print(),
        getButton("Continuer").print()
    )
,
newButton("Continuer")
    .wait()

Here’s a live example: https://farm.pcibex.net/r/aqHqaG/

Jeremy