Skip to main content

Chat Audio Preview

Overview​

The LMChatAudioPreview is used to display and control audio previews within chat messages. It extends the functionality of LMChatVoiceNotePreview by adding a thumbnail image, title, and more detailed UI elements for audio playback.

File Location:
LMChatAudioPreview.swift

UI Components​

  • containerView: An LMView that serves as the main container.
  • thumbnailImage: An LMImageView displaying the audio thumbnail.
  • headphoneContainerView: An LMView containing the headphone icon and duration label.
  • headphoneImage: An LMImageView showing an audio icon.
  • durationLbl: An LMLabelView displaying the current playback time or total duration.
  • playPauseButton: An LMImageView that toggles between play and pause.
  • slider: A UISlider for seeking through the audio.
  • titleLabel: An LMLabel showing the audio file name.

Methods​

  • didTapPlayPauseButton(): Handles play/pause button taps.
  • didSeekPlayer(slider:event:): Manages slider value changes for seeking.
  • configure(with:delegate:index:): Configures the view with audio data.
  • updateSeekerValue(with:for:): Updates the slider position during playback.
  • resetView(): Resets the view to its initial state.
  • convertSecondsToFormattedTime(seconds:): Converts seconds to a formatted time string.

Customization​

CustomChatAudioPreview.swift
class CustomChatAudioPreview: LMChatAudioPreview {
    override func setupViews() {
        super.setupViews()
        // Add custom view setup here
    }

    override func configure(with data: LMChatAudioContentModel, delegate: LMChatAudioProtocol?, index: IndexPath) {
        super.configure(with: data, delegate: delegate, index: index)
        // Add custom configuration logic here
    }
}
AppDelegate.swift
func application(_ application: UIApplication, willFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil) -> Bool {
    // Register custom audio preview class if needed
    LMUIComponents.shared.audioPreview = CustomChatAudioPreview.self
    // ...
    return true
}