react-native-ensys-camera-x 1.0.7

package/android/src/main/java/com/customcamera/AudioPlayerView.kt

@@ -0,0 +1,322 @@
+package com.customcamera
+
+import android.content.Context
+import android.graphics.Color
+import android.graphics.Typeface
+import android.media.MediaPlayer
+import android.net.Uri
+import android.os.Build
+import android.util.TypedValue
+import android.view.Gravity
+import android.view.MotionEvent
+import android.widget.FrameLayout
+import android.widget.LinearLayout
+import android.widget.SeekBar
+import android.widget.TextView
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+
+class AudioPlayerViewManager : SimpleViewManager<AudioPlayerView>() {
+  override fun getName() = "CustomAudioPlayer"
+
+  override fun createViewInstance(reactContext: ThemedReactContext): AudioPlayerView =
+    AudioPlayerView(reactContext)
+
+  override fun onDropViewInstance(view: AudioPlayerView) {
+    view.release()
+    super.onDropViewInstance(view)
+  }
+
+  @ReactProp(name = "src")
+  fun setSrc(view: AudioPlayerView, src: String?) {
+    view.setSource(src)
+  }
+
+  @ReactProp(name = "active", defaultBoolean = true)
+  fun setActive(view: AudioPlayerView, active: Boolean) {
+    view.setActive(active)
+  }
+
+  @ReactProp(name = "tintColor")
+  fun setTintColor(view: AudioPlayerView, color: String?) {
+    view.setTint(color)
+  }
+}
+
+class AudioPlayerView(context: Context) : FrameLayout(context), GlobalAudioPlayer.Listener {
+  private var currentUri: Uri? = null
+  private var prepared = false
+  private var playbackActive = false
+  private var userScrubbing = false
+  private val theme = CameraTheme.get(context)
+  // Default accent comes from the theme (stock #4A56FF); the JS `tintColor` prop
+  // still overrides it per instance via setTint().
+  private var tint = theme.componentColor("audioPlayer", "accent", theme.colors.primary)
+
+  private val playButton = TextView(context).apply {
+    gravity = Gravity.CENTER
+    setTextColor(theme.componentColor("audioPlayer", "playButtonText", Color.WHITE))
+    setTextSize(TypedValue.COMPLEX_UNIT_SP, 20f)
+    typeface = Typeface.DEFAULT_BOLD
+    text = "▶" // ▶
+  }
+
+  private val seekBar = SeekBar(context).apply {
+    max = 1000
+    setOnTouchListener { v, event ->
+      when (event.actionMasked) {
+        MotionEvent.ACTION_DOWN ->
+          v.parent?.requestDisallowInterceptTouchEvent(true)
+        MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL ->
+          v.parent?.requestDisallowInterceptTouchEvent(false)
+      }
+      false
+    }
+  }
+
+  private val elapsedView = timeLabel(Localization.getString("durationZero", "0:00"))
+  private val totalView = timeLabel(Localization.getString("durationZero", "0:00"))
+
+  override fun onAttachedToWindow() {
+    super.onAttachedToWindow()
+    GlobalAudioPlayer.listeners.add(this)
+    syncWithGlobalState()
+  }
+
+  override fun onDetachedFromWindow() {
+    super.onDetachedFromWindow()
+    GlobalAudioPlayer.listeners.remove(this)
+  }
+
+  private fun syncWithGlobalState() {
+    if (currentUri != null && currentUri == GlobalAudioPlayer.currentUri) {
+      prepared = GlobalAudioPlayer.prepared
+      playbackActive = GlobalAudioPlayer.playbackActive
+      playButton.text = if (playbackActive) "❙❙" else "▶"
+      val mp = GlobalAudioPlayer.mediaPlayer
+      if (mp != null && prepared) {
+        val duration = try { mp.duration } catch (_: Exception) { 0 }
+        val pos = try { mp.currentPosition } catch (_: Exception) { 0 }
+        if (duration > 0) {
+          totalView.text = formatTime(duration)
+          if (!userScrubbing) {
+            seekBar.progress = ((pos.toLong() * 1000L) / duration).toInt().coerceIn(0, 1000)
+            elapsedView.text = formatTime(pos)
+          }
+        }
+      }
+    } else {
+      playButton.text = "▶"
+      seekBar.progress = 0
+      elapsedView.text = Localization.getString("durationZero", "0:00")
+      totalView.text = Localization.getString("durationZero", "0:00")
+      prepared = false
+      playbackActive = false
+    }
+  }
+
+  override fun onProgressChanged(position: Int, duration: Int) {
+    if (currentUri != GlobalAudioPlayer.currentUri) return
+    totalView.text = formatTime(duration)
+    if (!userScrubbing && duration > 0) {
+      seekBar.progress = ((position.toLong() * 1000L) / duration).toInt().coerceIn(0, 1000)
+      elapsedView.text = formatTime(position)
+    }
+  }
+
+  override fun onStateChanged(isPlaying: Boolean, isPrepared: Boolean) {
+    if (currentUri != GlobalAudioPlayer.currentUri) return
+    prepared = isPrepared
+    playbackActive = isPlaying
+    playButton.text = if (isPlaying) "❙❙" else "▶"
+    val duration = try { GlobalAudioPlayer.mediaPlayer?.duration ?: 0 } catch(_: Exception) { 0 }
+    if (duration > 0) {
+      totalView.text = formatTime(duration)
+    }
+  }
+
+  override fun onSourceChanged(uri: Uri?) {
+    syncWithGlobalState()
+  }
+
+  override fun onCompletion() {
+    if (currentUri != GlobalAudioPlayer.currentUri) return
+    playbackActive = false
+    userScrubbing = false
+    playButton.text = "▶"
+    seekBar.progress = 0
+    elapsedView.text = Localization.getString("durationZero", "0:00")
+  }
+
+  init {
+    val row = LinearLayout(context).apply {
+      orientation = LinearLayout.HORIZONTAL
+      gravity = Gravity.CENTER_VERTICAL
+    }
+
+    val buttonSize = dp(48)
+    val buttonWrap = FrameLayout(context).apply {
+      background = android.graphics.drawable.GradientDrawable().apply {
+        shape = android.graphics.drawable.GradientDrawable.OVAL
+        setColor(tint)
+      }
+    }
+    buttonWrap.addView(
+      playButton,
+      LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
+    )
+    buttonWrap.setOnClickListener { togglePlayback() }
+
+    row.addView(buttonWrap, LinearLayout.LayoutParams(buttonSize, buttonSize))
+
+    val progressColumn = LinearLayout(context).apply {
+      orientation = LinearLayout.VERTICAL
+      setPadding(dp(12), 0, 0, 0)
+    }
+    progressColumn.addView(
+      seekBar,
+      LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT)
+    )
+    val timeRow = LinearLayout(context).apply {
+      orientation = LinearLayout.HORIZONTAL
+    }
+    timeRow.addView(
+      elapsedView,
+      LinearLayout.LayoutParams(0, LayoutParams.WRAP_CONTENT, 1f)
+    )
+    timeRow.addView(
+      totalView,
+      LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)
+    )
+    progressColumn.addView(
+      timeRow,
+      LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT)
+    )
+
+    row.addView(
+      progressColumn,
+      LinearLayout.LayoutParams(0, LayoutParams.WRAP_CONTENT, 1f)
+    )
+
+    addView(
+      row,
+      LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, Gravity.CENTER)
+    )
+
+    applyTint()
+
+    seekBar.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener {
+      override fun onProgressChanged(sb: SeekBar, progress: Int, fromUser: Boolean) {
+        if (fromUser) {
+          val duration = preparedDuration()
+          if (duration > 0) {
+            elapsedView.text = formatTime((duration.toLong() * progress / 1000L).toInt())
+          }
+        }
+      }
+
+      override fun onStartTrackingTouch(sb: SeekBar) {
+        userScrubbing = true
+      }
+
+      override fun onStopTrackingTouch(sb: SeekBar) {
+        val duration = preparedDuration()
+        if (duration <= 0) {
+          userScrubbing = false
+          return
+        }
+        val target = (duration.toLong() * sb.progress / 1000L).toInt()
+        seekTo(target)
+      }
+    })
+  }
+
+  private fun preparedDuration(): Int {
+    if (currentUri != GlobalAudioPlayer.currentUri) return -1
+    val mp = GlobalAudioPlayer.mediaPlayer ?: return -1
+    if (!prepared) return -1
+    return try { mp.duration } catch (_: IllegalStateException) { -1 }
+  }
+
+  private fun seekTo(positionMs: Int) {
+    if (currentUri != GlobalAudioPlayer.currentUri) {
+      userScrubbing = false
+      return
+    }
+    GlobalAudioPlayer.seekTo(positionMs)
+    userScrubbing = false
+  }
+
+  private fun timeLabel(initial: String) = TextView(context).apply {
+    setTextColor(theme.componentColor("audioPlayer", "timeText", Color.parseColor("#B7C0E0")))
+    setTextSize(TypedValue.COMPLEX_UNIT_SP, 12f)
+    text = initial
+  }
+
+  fun setTint(color: String?) {
+    if (color == null) return
+    tint = try {
+      Color.parseColor(color)
+    } catch (e: IllegalArgumentException) {
+      tint
+    }
+    applyTint()
+  }
+
+  private fun applyTint() {
+    (playButton.parent as? FrameLayout)?.background =
+      android.graphics.drawable.GradientDrawable().apply {
+        shape = android.graphics.drawable.GradientDrawable.OVAL
+        setColor(tint)
+      }
+    seekBar.progressTintList = android.content.res.ColorStateList.valueOf(tint)
+    seekBar.thumbTintList = android.content.res.ColorStateList.valueOf(tint)
+  }
+
+  fun setSource(src: String?) {
+    val uri = src?.let { Uri.parse(it) }
+    if (uri == currentUri) return
+    currentUri = uri
+    syncWithGlobalState()
+  }
+
+  fun setActive(active: Boolean) {
+    if (!active && playbackActive && currentUri == GlobalAudioPlayer.currentUri) pausePlayback()
+  }
+
+  private fun togglePlayback() {
+    if (currentUri == GlobalAudioPlayer.currentUri) {
+      GlobalAudioPlayer.togglePlayback()
+    } else {
+      startPlayback()
+    }
+  }
+
+  private fun startPlayback() {
+    currentUri?.let { uri ->
+      // Note: we just pass "Audio" as title for now. We can parse filename if we want.
+      GlobalAudioPlayer.play(context, uri, Localization.getString("audio", "Audio"))
+    }
+  }
+
+  private fun pausePlayback() {
+    if (currentUri == GlobalAudioPlayer.currentUri) {
+      GlobalAudioPlayer.pause()
+    }
+  }
+
+  fun release() {
+    userScrubbing = false
+  }
+
+  private fun formatTime(ms: Int): String {
+    val totalSeconds = (ms / 1000).coerceAtLeast(0)
+    val minutes = totalSeconds / 60
+    val seconds = totalSeconds % 60
+    return "%d:%02d".format(minutes, seconds)
+  }
+
+  private fun dp(value: Int): Int =
+    (value * resources.displayMetrics.density).toInt()
+}