resize Media Recorder Elements

PennController for IBEX Forums Support resize Media Recorder Elements

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #6533
    srrosen
    Participant

    Hi, is there a way to resize the elements of a Media Recorder (the text within the button)? The css command for buttons don’t seem to work: newMediaRecorder("recording", "audio").css("font-size", "1.5em")
    Similarly, is there a way to change the font size of the text associated with InitateRecorder, meaning the “not recording”, “recording”, and permission screen? Thank you!

    #6534
    Jeremy
    Keymaster

    Hi,

    You can upload a file named global_z.css in your Aesthetics (css_includes) folder with the following code:

    .PennController-MediaRecorder button {
      font-size: 1.5em;
    }

    Unfortunately the ‘recording’ label does not have its own class name, but this should be specific enough to target it (add this to global_z.css too):

    body > div:last-child {
        font-size: 0.75em;
    }

    Jeremy

    #6541
    avs
    Participant

    Hi,
    is it possible to initiate only a Record/Stop button when calling Media Recorder without activating the feedback player along with it?
    Thanks in advance.

    #6543
    Jeremy
    Keymaster

    Hi,

    You can code this manually:

    newMediaRecorder("recorder","audio").log()
    ,
    newButton("Record").print().wait().remove()
    ,
    getMediaRecorder("recorder").record()
    ,
    newButton("Stop").print().wait().remove()
    ,
    getMediaRecorder("recorder").stop()

    Jeremy

    #7432
    nasimbhmn
    Participant

    Hi Jeremy,

    I need to change the text on the “record”/”stop” button. The above solution only adds another button next to the test recorder, but does not remove the default button. Is there any way to get rid of it or to customize its text?

    I also need to change the text of InitateRecorder “recording”/”not recording” text. Is it possible in PCIbex? If it is not a relevant question here, I can open a new topic.

    #7433
    nasimbhmn
    Participant

    I found the answer to the first question here. Sorry for double posting.

    But I still need a solution for the second part.

    • This reply was modified 2 years, 4 months ago by nasimbhmn.
    #7439
    Jeremy
    Keymaster

    Hi Nasim,

    You should be able to apply the same method I reference here

    Jeremy

    #7441
    nasimbhmn
    Participant

    Thanks.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.