Single / Group Audio Record

Initialize#

You can send the audio record by clicking the audio record icon in the Chat screen of the user.

docAttachment

Message Input Theme#

Custom theme Class MFUIMessageInputView subclass of MFUITheme is used to change the theme of MFUIBaseChatViewParentController .

The following table shows a customizable property of MFUIMessageInputView to set font and colors in MFUIBaseChatViewParentController.

    self.durationLabel.textColor = theme.audioDurationColor
    self.durationLabel.font = theme.audioDurationFont
    self.sliderCancelLabel.textColor = theme.slideToCancelTextColor
    self.sliderCancelLabel.font = theme.slideToCancelTextFont
    self.cancelButton.setTitleColor(theme.cancelButtonColor, for: .normal)
    self.cancelButton.titleLabel?.font = theme.cancelButtonTextFont
    self.audioMicButton.tintColor = theme.audioButtonTintColor

The following table shows a customizable property of MFMessageInputTheme to set font and colors in MFUIMessageInputView.

property Name	Class	Description
audioDurationColor	MFMessageInputTheme	The text color of the audio duration Label.
audioDurationFont	MFMessageInputTheme	The text font of the audio duration Label.
slideToCancelTextColor	MFMessageInputTheme	The text color of audio slideToCancel Label
slideToCancelTextFont	MFMessageInputTheme	The text font of audio slideToCancel Label
cancelButtonColor	MFMessageInputTheme	The text color of audio cancel button Label
cancelButtonTextFont	MFMessageInputTheme	The text font color of audio cancel button Label
audioMicButton	MFMessageInputTheme	The button tint color of audioMicButton

Audio Cell#

MFUIAudioContentView is extension view class of MFUIBaseMediaContentView, which is used to display audio table view cell. MFUIAudioContentView consists of audioIcon, progressContentView and durationLabel

Property name	usage
audioIcon	UIImageView to show which type of audio
durationLabel	UILabel to describe the audio duration
progressContentView	MFUIProgressContentView class to display progress,cancel,retry and download

Audio Cell Theme#

Custom theme Class MFMessageCellTheme subclass of MFUITheme is used to change the theme of audio cell.

MFUIProgressContentView class theme can be customized with MFComponentTheme subclass of MFUITheme.

The following table shows a customizable property of MFMessageCellTheme to set font and colors in audio cell.

property Name	Class	Description
audioDurationFont	MFMessageCellTheme	The text font of the audio name.
audioDurationColor	MFMessageCellTheme	The text color of audio name

Customize MFUIStringSet#

The following table shows a customizable property of MFUIStringSet that appears for audio record in chat view. The MFUIStringSet is a set of strings used to compose a view. You need to modify the stringSet values in advance if you want to make changes to the view.

Property name	Description
recordingReachedMaximumTime	A text that refers to once user record reached maximum Time in messageInputView
sliderToCancel	A text that refers to text of slider To Cancel in messageInputView
Cancel	A text that refers to text of Cancel in messageInputView

Customize MFUIIconSet#

The following table shows a customizable icon for audio record.

Icon name	Description
ic_audio	An icon used to indicate audio icon.
ic_audio_receive	An icon used to indicate audio recieve icon.
ic_audioSender	An icon used to indicate audio sender icon.
ic_mic_blue_animated	An icon used to indicate audio mic blue animated icon.
ic_mic_blue	An icon used to indicate audio mic blue icon.
ic_slider_white	An icon used to indicate slider whit icon.
ic_play	An icon used to indicate audio play icon.
ic_audio_pause	An icon used to indicate audio pause icon.
ic_audio_filled	An icon used to indicate audio filled icon.