resize Media Recorder Elements

[srrosen]

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!

[Jeremy]

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

[avs]

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.

[Jeremy]

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

[nasimbhmn]

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.

[nasimbhmn]

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 4 years ago by nasimbhmn.

[Jeremy]

Hi Nasim,

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

Jeremy

[nasimbhmn]

Thanks.

[Author]

Posts