解决华为 webview Chrome 78 内核版本渲染白屏问题

增强 WebviewPage 的清理和导航功能。

.gitignore

@@ -19,6 +19,7 @@ pubspec.lock
 *.iws
 .idea/
 .cursor
+Podfile.lock
 
 # The .vscode folder contains launch configuration and tasks you configure in
 # VS Code which you may wish to be included in version control, so this line
@@ -47,3 +48,6 @@ app.*.map.json
 /android/app/release
 /android/.kotlin
 
+CLAUDE.md
+AGENTS.md
+test/

android/app/build.gradle.kts

@@ -4,7 +4,7 @@ plugins {
     id("dev.flutter.flutter-gradle-plugin")
 }
 
-val appPackageName = "com.qxy.dronex"
+val appPackageName = "com.dronex.rec"
 
 android {
     namespace = appPackageName
@@ -42,12 +42,6 @@ kotlin {
 }
 
 dependencies {
-    val cameraxVersion = "1.4.1"
-    implementation("androidx.camera:camera-core:$cameraxVersion")
-    implementation("androidx.camera:camera-camera2:$cameraxVersion")
-    implementation("androidx.camera:camera-lifecycle:$cameraxVersion")
-    implementation("androidx.camera:camera-video:$cameraxVersion")
-    implementation("androidx.camera:camera-view:$cameraxVersion")
     implementation("androidx.lifecycle:lifecycle-service:2.8.7")
     implementation("androidx.core:core-ktx:1.15.0")
 }

android/app/src/main/AndroidManifest.xml

@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.qxy.dronex">
+    package="com.dronex.rec">
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.CAMERA" />
     <uses-permission android:name="android.permission.RECORD_AUDIO" />
@@ -10,7 +10,6 @@
     <uses-permission android:name="android.permission.ACCESS_NOTIFICATION_POLICY" />
     <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
     <uses-permission android:name="android.permission.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS" />
-    <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
     <uses-permission
         android:name="android.permission.WRITE_EXTERNAL_STORAGE"
         android:maxSdkVersion="28" />
@@ -22,7 +21,8 @@
     <application
         android:label="飞行极控录像工作台"
         android:name="${applicationName}"
-        android:icon="@mipmap/ic_launcher">
+        android:icon="@mipmap/ic_launcher"
+        android:usesCleartextTraffic="true">
         <activity
             android:name=".MainActivity"
             android:exported="true"

android/app/src/main/kotlin/com/dronex/rec/AppConstants.kt

@@ -0,0 +1,10 @@
+package com.dronex.rec
+
+object AppConstants {
+    private const val CHANNEL_NAMESPACE = "app.record_tool"
+    const val PLATFORM_INFO_CHANNEL = "$CHANNEL_NAMESPACE/platform_info"
+    const val RECORDING_METHOD_CHANNEL = "$CHANNEL_NAMESPACE/recording"
+    const val RECORDING_EVENT_CHANNEL = "$CHANNEL_NAMESPACE/recording_events"
+    const val RECORDING_ACTION_START = "$CHANNEL_NAMESPACE.recording.START"
+    const val RECORDING_ACTION_STOP = "$CHANNEL_NAMESPACE.recording.STOP"
+}

android/app/src/main/kotlin/com/dronex/rec/MainActivity.kt

@@ -1,4 +1,4 @@
-package com.qxy.dronex
+package com.dronex.rec
 
 import android.content.Context
 import android.content.pm.ApplicationInfo
@@ -6,9 +6,8 @@ import android.os.BatteryManager
 import android.os.Build
 import android.os.Environment
 import android.os.StatFs
-import androidx.camera.view.PreviewView
+import android.provider.Settings
-import com.qxy.dronex.recording.RecordingPlatformHandler
+import com.dronex.rec.recording.RecordingPlatformHandler
-import com.qxy.dronex.recording.RecordingPreviewFactory
 import io.flutter.embedding.android.FlutterActivity
 import io.flutter.embedding.engine.FlutterEngine
 import io.flutter.plugin.common.MethodChannel
@@ -17,15 +16,8 @@ class MainActivity : FlutterActivity() {
     private var platformHandler: RecordingPlatformHandler? = null
     private var platformInfoChannel: MethodChannel? = null
 
-    var recordingPreviewView: PreviewView? = null
-        private set
-
     override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
         super.configureFlutterEngine(flutterEngine)
-        flutterEngine.platformViewsController.registry.registerViewFactory(
-                "recording-camera-preview",
-                RecordingPreviewFactory(this),
-        )
 
         platformInfoChannel =
                 MethodChannel(
@@ -50,16 +42,6 @@ class MainActivity : FlutterActivity() {
                 )
     }
 
-    fun attachRecordingPreview(previewView: PreviewView) {
-        recordingPreviewView = previewView
-    }
-
-    fun detachRecordingPreview(previewView: PreviewView? = null) {
-        if (previewView == null || recordingPreviewView === previewView) {
-            recordingPreviewView = null
-        }
-    }
-
     override fun onDestroy() {
         platformInfoChannel?.setMethodCallHandler(null)
         platformInfoChannel = null
@@ -111,9 +93,11 @@ class MainActivity : FlutterActivity() {
 
         return mapOf(
                 "platform" to "android",
+                "deviceCode" to Settings.Secure.getString(contentResolver, Settings.Secure.ANDROID_ID).orEmpty(),
                 "brand" to Build.BRAND,
                 "model" to Build.MODEL,
                 "systemVersion" to Build.VERSION.RELEASE,
+                "sdkInt" to Build.VERSION.SDK_INT,
                 "isPhysicalDevice" to !isEmulator,
         )
     }

android/app/src/main/kotlin/com/dronex/rec/recording/BatteryOptimizationHelper.kt

@@ -1,4 +1,4 @@
-package com.qxy.dronex.recording
+package com.dronex.rec.recording
 
 import android.content.Context
 import android.content.Intent

android/app/src/main/kotlin/com/dronex/rec/recording/DoNotDisturbHelper.kt

@@ -1,4 +1,4 @@
-package com.qxy.dronex.recording
+package com.dronex.rec.recording
 
 import android.app.NotificationManager
 import android.content.Context

android/app/src/main/kotlin/com/dronex/rec/recording/RecordingForegroundService.kt

@@ -1,4 +1,4 @@
-package com.qxy.dronex.recording
+package com.dronex.rec.recording
 
 import android.app.Notification
 import android.app.NotificationChannel
@@ -14,8 +14,8 @@ import android.os.PowerManager
 import androidx.core.app.NotificationCompat
 import androidx.core.content.ContextCompat
 import androidx.lifecycle.LifecycleService
-import com.qxy.dronex.AppConstants
+import com.dronex.rec.AppConstants
-import com.qxy.dronex.MainActivity
+import com.dronex.rec.MainActivity
 
 class RecordingForegroundService : LifecycleService() {
     private var wakeLock: PowerManager.WakeLock? = null

android/app/src/main/kotlin/com/dronex/rec/recording/RecordingPlatformHandler.kt

@@ -0,0 +1,66 @@
+package com.dronex.rec.recording
+
+import androidx.core.view.WindowCompat
+import androidx.core.view.WindowInsetsCompat
+import androidx.core.view.WindowInsetsControllerCompat
+import com.dronex.rec.AppConstants
+import com.dronex.rec.MainActivity
+import io.flutter.plugin.common.BinaryMessenger
+import io.flutter.plugin.common.MethodCall
+import io.flutter.plugin.common.MethodChannel
+
+class RecordingPlatformHandler(
+        private val activity: MainActivity,
+        messenger: BinaryMessenger,
+) : MethodChannel.MethodCallHandler {
+    private val methodChannel = MethodChannel(messenger, AppConstants.RECORDING_METHOD_CHANNEL)
+
+    init {
+        methodChannel.setMethodCallHandler(this)
+    }
+
+    fun dispose() {
+        methodChannel.setMethodCallHandler(null)
+    }
+
+    override fun onMethodCall(call: MethodCall, result: MethodChannel.Result) {
+        when (call.method) {
+            "hasNotificationPolicyAccess" -> result.success(DoNotDisturbHelper.hasAccess(activity))
+            "openNotificationPolicySettings" -> {
+                DoNotDisturbHelper.openAccessSettings(activity)
+                result.success(null)
+            }
+            "enableDoNotDisturb" -> result.success(DoNotDisturbHelper.enable(activity))
+            "disableDoNotDisturb" -> {
+                DoNotDisturbHelper.disable(activity)
+                result.success(null)
+            }
+            "isIgnoringBatteryOptimizations" ->
+                    result.success(BatteryOptimizationHelper.isIgnoringOptimizations(activity))
+            "openBatteryOptimizationSettings" -> {
+                BatteryOptimizationHelper.openSettings(activity)
+                result.success(null)
+            }
+            "setImmersiveMode" -> {
+                val enabled = call.argument<Boolean>("enabled") ?: false
+                setImmersiveMode(enabled)
+                result.success(null)
+            }
+            "isForegroundServiceRunning" -> result.success(RecordingForegroundService.isRunning)
+            else -> result.notImplemented()
+        }
+    }
+
+    private fun setImmersiveMode(enabled: Boolean) {
+        val window = activity.window
+        WindowCompat.setDecorFitsSystemWindows(window, !enabled)
+        val insetsController = WindowInsetsControllerCompat(window, window.decorView)
+        if (enabled) {
+            insetsController.hide(WindowInsetsCompat.Type.systemBars())
+            insetsController.systemBarsBehavior =
+                    WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
+        } else {
+            insetsController.show(WindowInsetsCompat.Type.systemBars())
+        }
+    }
+}

android/app/src/main/kotlin/com/qxy/dronex/AppConstants.kt

@@ -1,10 +0,0 @@
-package com.qxy.dronex
-
-object AppConstants {
-    const val PACKAGE_NAME = "com.qxy.dronex"
-    const val PLATFORM_INFO_CHANNEL = "$PACKAGE_NAME/platform_info"
-    const val RECORDING_METHOD_CHANNEL = "$PACKAGE_NAME/recording"
-    const val RECORDING_EVENT_CHANNEL = "$PACKAGE_NAME/recording_events"
-    const val RECORDING_ACTION_START = "$PACKAGE_NAME.recording.START"
-    const val RECORDING_ACTION_STOP = "$PACKAGE_NAME.recording.STOP"
-}

android/app/src/main/kotlin/com/qxy/dronex/recording/RecordingCameraController.kt

@@ -1,248 +0,0 @@
-package com.qxy.dronex.recording
-
-import android.content.Context
-import android.util.Log
-import androidx.camera.core.CameraSelector
-import androidx.camera.core.Preview
-import androidx.camera.lifecycle.ProcessCameraProvider
-import androidx.camera.video.Quality
-import androidx.camera.video.QualitySelector
-import androidx.camera.video.Recorder
-import androidx.camera.video.Recording
-import androidx.camera.video.VideoCapture
-import androidx.camera.video.VideoRecordEvent
-import androidx.camera.view.PreviewView
-import androidx.core.content.ContextCompat
-import androidx.lifecycle.LifecycleOwner
-import java.util.concurrent.Executor
-
-class RecordingCameraController(
-        private val appContext: Context,
-) {
-    private val mainExecutor: Executor = ContextCompat.getMainExecutor(appContext)
-
-    private var cameraProvider: ProcessCameraProvider? = null
-    private var preview: Preview? = null
-    private var videoCapture: VideoCapture<Recorder>? = null
-    private var activeRecording: Recording? = null
-    private var boundLifecycleOwner: LifecycleOwner? = null
-
-    var status: RecordingStatus = RecordingStatus(RecordingState.IDLE)
-        private set
-
-    var statusListener: ((RecordingStatus) -> Unit)? = null
-
-    private var recordingStartedAt: Long = 0L
-    private var latestOutputPath: String? = null
-    private var pendingStopCallback: ((String?) -> Unit)? = null
-
-    fun bindPreview(
-            lifecycleOwner: LifecycleOwner,
-            previewView: PreviewView,
-            onReady: (Boolean) -> Unit,
-    ) {
-        val future = ProcessCameraProvider.getInstance(appContext)
-        future.addListener(
-                {
-                    try {
-                        val provider = future.get()
-                        cameraProvider = provider
-                        boundLifecycleOwner = lifecycleOwner
-
-                        preview =
-                                Preview.Builder().build().also {
-                                    it.surfaceProvider = previewView.surfaceProvider
-                                }
-
-                        val recorder =
-                                Recorder.Builder()
-                                        .setQualitySelector(QualitySelector.from(Quality.HD))
-                                        .build()
-                        videoCapture = VideoCapture.withOutput(recorder)
-
-                        provider.unbindAll()
-                        provider.bindToLifecycle(
-                                lifecycleOwner,
-                                CameraSelector.DEFAULT_BACK_CAMERA,
-                                preview,
-                                videoCapture,
-                        )
-
-                        updateStatus(RecordingStatus(RecordingState.PREVIEWING))
-                        onReady(true)
-                    } catch (error: Exception) {
-                        Log.e(TAG, "bindPreview failed", error)
-                        updateStatus(
-                                RecordingStatus(
-                                        RecordingState.ERROR,
-                                        message = error.message,
-                                ),
-                        )
-                        onReady(false)
-                    }
-                },
-                mainExecutor,
-        )
-    }
-
-    fun rebindForRecording(
-            lifecycleOwner: LifecycleOwner,
-            previewView: PreviewView,
-            onReady: (Boolean) -> Unit,
-    ) {
-        val provider = cameraProvider
-        if (provider == null) {
-            bindPreview(lifecycleOwner, previewView, onReady)
-            return
-        }
-
-        if (
-                boundLifecycleOwner === lifecycleOwner &&
-                        preview != null &&
-                        videoCapture != null
-        ) {
-            onReady(true)
-            return
-        }
-
-        try {
-            boundLifecycleOwner = lifecycleOwner
-            provider.unbindAll()
-            provider.bindToLifecycle(
-                    lifecycleOwner,
-                    CameraSelector.DEFAULT_BACK_CAMERA,
-                    preview,
-                    videoCapture,
-            )
-            onReady(true)
-        } catch (error: Exception) {
-            Log.e(TAG, "rebindForRecording failed", error)
-            onReady(false)
-        }
-    }
-
-    fun startRecording(
-            withAudio: Boolean,
-            displayName: String?,
-            onStarted: (Boolean, String?) -> Unit,
-    ) {
-        val capture = videoCapture
-        if (capture == null || boundLifecycleOwner == null) {
-            onStarted(false, "Camera not ready")
-            return
-        }
-
-        if (activeRecording != null) {
-            onStarted(false, "Already recording")
-            return
-        }
-
-        val outputOptions =
-                RecordingOutputFactory.buildMediaStoreOutputOptions(
-                        appContext,
-                        displayName,
-                )
-        latestOutputPath = null
-
-        val pending =
-                capture.output.prepareRecording(appContext, outputOptions).apply {
-                    if (withAudio) {
-                        val granted =
-                                ContextCompat.checkSelfPermission(
-                                        appContext,
-                                        android.Manifest.permission.RECORD_AUDIO,
-                                ) == android.content.pm.PackageManager.PERMISSION_GRANTED
-                        if (granted) {
-                            withAudioEnabled()
-                        }
-                    }
-                }
-
-        recordingStartedAt = System.currentTimeMillis()
-        updateStatus(
-                RecordingStatus(
-                        RecordingState.RECORDING,
-                        outputPath = latestOutputPath,
-                ),
-        )
-
-        activeRecording =
-                pending.start(mainExecutor) { event ->
-                    when (event) {
-                        is VideoRecordEvent.Start -> Unit
-                        is VideoRecordEvent.Finalize -> {
-                            activeRecording = null
-                            if (event.hasError()) {
-                                updateStatus(
-                                        RecordingStatus(
-                                                RecordingState.ERROR,
-                                                message = event.cause?.message
-                                                                ?: "Recording failed",
-                                        ),
-                                )
-                            } else {
-                                latestOutputPath = event.outputResults.outputUri.toString()
-                                updateStatus(
-                                        RecordingStatus(
-                                                RecordingState.PREVIEWING,
-                                                outputPath = latestOutputPath,
-                                                elapsedMillis =
-                                                        System.currentTimeMillis() -
-                                                                recordingStartedAt,
-                                        ),
-                                )
-                            }
-                            val stopCallback = pendingStopCallback
-                            pendingStopCallback = null
-                            stopCallback?.invoke(latestOutputPath)
-                        }
-                    }
-                }
-
-        onStarted(true, latestOutputPath ?: "recording")
-    }
-
-    fun stopRecording(onStopped: (String?) -> Unit) {
-        val recording = activeRecording
-        if (recording == null) {
-            onStopped(latestOutputPath)
-            return
-        }
-
-        pendingStopCallback = onStopped
-        updateStatus(
-                RecordingStatus(
-                        RecordingState.STOPPING,
-                        outputPath = latestOutputPath,
-                ),
-        )
-
-        recording.stop()
-        activeRecording = null
-    }
-
-    fun unbind() {
-        activeRecording?.stop()
-        activeRecording = null
-        cameraProvider?.unbindAll()
-        cameraProvider = null
-        preview = null
-        videoCapture = null
-        boundLifecycleOwner = null
-        updateStatus(RecordingStatus(RecordingState.IDLE))
-    }
-
-    fun elapsedMillis(): Long {
-        if (status.state != RecordingState.RECORDING) return 0L
-        return System.currentTimeMillis() - recordingStartedAt
-    }
-
-    private fun updateStatus(next: RecordingStatus) {
-        status = next
-        statusListener?.invoke(next)
-    }
-
-    companion object {
-        private const val TAG = "RecordingCamera"
-    }
-}

android/app/src/main/kotlin/com/qxy/dronex/recording/RecordingOutputFactory.kt

@@ -1,50 +0,0 @@
-package com.qxy.dronex.recording
-
-import android.content.ContentValues
-import android.content.Context
-import android.os.Build
-import android.provider.MediaStore
-import androidx.camera.video.MediaStoreOutputOptions
-import java.text.SimpleDateFormat
-import java.util.Date
-import java.util.Locale
-
-object RecordingOutputFactory {
-    private const val RELATIVE_PATH = "Movies/飞行极控录像工作台"
-    private const val MIME_TYPE = "video/mp4"
-
-    fun buildMediaStoreOutputOptions(
-            context: Context,
-            displayName: String?,
-    ): MediaStoreOutputOptions {
-        val fileName = resolveFileName(displayName)
-        val contentValues =
-                ContentValues().apply {
-                    put(MediaStore.MediaColumns.DISPLAY_NAME, fileName)
-                    put(MediaStore.MediaColumns.MIME_TYPE, MIME_TYPE)
-                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
-                        put(MediaStore.Video.Media.RELATIVE_PATH, RELATIVE_PATH)
-                    }
-                }
-
-        return MediaStoreOutputOptions.Builder(
-                        context.contentResolver,
-                        MediaStore.Video.Media.EXTERNAL_CONTENT_URI,
-                )
-                .setContentValues(contentValues)
-                .build()
-    }
-
-    fun resolveFileName(displayName: String?): String {
-        val trimmed = displayName?.trim().orEmpty()
-        if (trimmed.isNotEmpty()) {
-            return if (trimmed.lowercase(Locale.US).endsWith(".mp4")) {
-                trimmed
-            } else {
-                "$trimmed.mp4"
-            }
-        }
-        val timestamp = SimpleDateFormat("yyyyMMdd_HHmmss", Locale.US).format(Date())
-        return "REC_$timestamp.mp4"
-    }
-}

android/app/src/main/kotlin/com/qxy/dronex/recording/RecordingPlatformHandler.kt

@@ -1,238 +0,0 @@
-package com.qxy.dronex.recording
-
-import android.os.Handler
-import android.os.Looper
-import androidx.core.view.WindowCompat
-import androidx.core.view.WindowInsetsCompat
-import androidx.core.view.WindowInsetsControllerCompat
-import com.qxy.dronex.AppConstants
-import com.qxy.dronex.MainActivity
-import io.flutter.plugin.common.BinaryMessenger
-import io.flutter.plugin.common.EventChannel
-import io.flutter.plugin.common.MethodCall
-import io.flutter.plugin.common.MethodChannel
-
-class RecordingPlatformHandler(
-        private val activity: MainActivity,
-        messenger: BinaryMessenger,
-) : MethodChannel.MethodCallHandler, EventChannel.StreamHandler {
-    private val methodChannel = MethodChannel(messenger, AppConstants.RECORDING_METHOD_CHANNEL)
-    private val eventChannel = EventChannel(messenger, AppConstants.RECORDING_EVENT_CHANNEL)
-
-    private val mainHandler = Handler(Looper.getMainLooper())
-    private var eventSink: EventChannel.EventSink? = null
-    private var elapsedTicker: Runnable? = null
-
-    private val controller by lazy { RecordingSession.controller(activity.applicationContext) }
-
-    init {
-        methodChannel.setMethodCallHandler(this)
-        eventChannel.setStreamHandler(this)
-        controller.statusListener = { status ->
-            mainHandler.post { eventSink?.success(status.toMap()) }
-        }
-    }
-
-    fun dispose() {
-        stopElapsedTicker()
-        methodChannel.setMethodCallHandler(null)
-        eventChannel.setStreamHandler(null)
-        controller.statusListener = null
-    }
-
-    override fun onMethodCall(call: MethodCall, result: MethodChannel.Result) {
-        when (call.method) {
-            "initializePreview" -> initializePreview(result)
-            "startRecording" -> {
-                val withAudio = call.argument<Boolean>("withAudio") ?: true
-                val enableDnd = call.argument<Boolean>("enableDoNotDisturb") ?: true
-                val displayName = call.argument<String>("displayName")
-                startRecording(withAudio, enableDnd, displayName, result)
-            }
-            "stopRecording" -> stopRecording(result)
-            "disposePreview" -> {
-                controller.unbind()
-                result.success(null)
-            }
-            "hasNotificationPolicyAccess" -> result.success(DoNotDisturbHelper.hasAccess(activity))
-            "openNotificationPolicySettings" -> {
-                DoNotDisturbHelper.openAccessSettings(activity)
-                result.success(null)
-            }
-            "enableDoNotDisturb" -> result.success(DoNotDisturbHelper.enable(activity))
-            "disableDoNotDisturb" -> {
-                DoNotDisturbHelper.disable(activity)
-                result.success(null)
-            }
-            "isIgnoringBatteryOptimizations" ->
-                    result.success(BatteryOptimizationHelper.isIgnoringOptimizations(activity))
-            "openBatteryOptimizationSettings" -> {
-                BatteryOptimizationHelper.openSettings(activity)
-                result.success(null)
-            }
-            "setImmersiveMode" -> {
-                val enabled = call.argument<Boolean>("enabled") ?: false
-                setImmersiveMode(enabled)
-                result.success(null)
-            }
-            "getStatus" -> result.success(controller.status.toMap())
-            "isForegroundServiceRunning" -> result.success(RecordingForegroundService.isRunning)
-            else -> result.notImplemented()
-        }
-    }
-
-    private fun initializePreview(result: MethodChannel.Result) {
-        val previewView = activity.recordingPreviewView
-        if (previewView == null) {
-            result.error("NO_PREVIEW", "Camera preview is not attached", null)
-            return
-        }
-
-        controller.bindPreview(activity, previewView) { ready ->
-            mainHandler.post {
-                if (ready) {
-                    result.success(controller.status.toMap())
-                } else {
-                    result.error("PREVIEW_FAILED", "Failed to bind camera preview", null)
-                }
-            }
-        }
-    }
-
-    private fun startRecording(
-            withAudio: Boolean,
-            enableDnd: Boolean,
-            displayName: String?,
-            result: MethodChannel.Result,
-    ) {
-        val previewView = activity.recordingPreviewView
-        if (previewView == null) {
-            result.error("NO_PREVIEW", "Camera preview is not attached", null)
-            return
-        }
-
-        RecordingSession.startForeground(activity)
-
-        fun beginCapture() {
-            if (enableDnd && DoNotDisturbHelper.hasAccess(activity)) {
-                DoNotDisturbHelper.enable(activity)
-            }
-
-            controller.startRecording(withAudio, displayName) { started, message ->
-                mainHandler.post {
-                    if (started) {
-                        startElapsedTicker()
-                        result.success(
-                                mapOf(
-                                        "outputPath" to message,
-                                        "status" to controller.status.toMap(),
-                                ),
-                        )
-                    } else {
-                        RecordingSession.stopForeground(activity)
-                        DoNotDisturbHelper.disable(activity)
-                        result.error("START_FAILED", message, null)
-                    }
-                }
-            }
-        }
-
-        fun rebindAndCapture() {
-            val lifecycleOwner = RecordingForegroundService.instance ?: activity
-            controller.rebindForRecording(lifecycleOwner, previewView) { ready ->
-                if (ready) {
-                    beginCapture()
-                } else {
-                    RecordingSession.stopForeground(activity)
-                    result.error("REBIND_FAILED", "Failed to bind camera for recording", null)
-                }
-            }
-        }
-
-        if (RecordingForegroundService.instance != null) {
-            rebindAndCapture()
-        } else {
-            mainHandler.post { rebindAndCapture() }
-        }
-    }
-
-    private fun stopRecording(result: MethodChannel.Result) {
-        stopElapsedTicker()
-        controller.stopRecording { path ->
-            RecordingSession.stopForeground(activity)
-            DoNotDisturbHelper.disable(activity)
-            val previewView = activity.recordingPreviewView
-            if (previewView == null) {
-                mainHandler.post { deliverStopResult(result, path) }
-                return@stopRecording
-            }
-            controller.rebindForRecording(activity, previewView) { _ ->
-                mainHandler.post { deliverStopResult(result, path) }
-            }
-        }
-    }
-
-    private fun deliverStopResult(result: MethodChannel.Result, path: String?) {
-        val gallerySaved = path != null && controller.status.state != RecordingState.ERROR
-        val payload =
-                mutableMapOf<String, Any?>(
-                        "outputPath" to path,
-                        "status" to controller.status.toMap(),
-                        "gallerySaved" to gallerySaved,
-                )
-        if (!gallerySaved) {
-            payload["galleryErrorMessage"] = controller.status.message ?: "保存到相册失败"
-        }
-        result.success(payload)
-    }
-
-    private fun setImmersiveMode(enabled: Boolean) {
-        val window = activity.window
-        WindowCompat.setDecorFitsSystemWindows(window, !enabled)
-        val insetsController = WindowInsetsControllerCompat(window, window.decorView)
-        if (enabled) {
-            insetsController.hide(WindowInsetsCompat.Type.systemBars())
-            insetsController.systemBarsBehavior =
-                    WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
-        } else {
-            insetsController.show(WindowInsetsCompat.Type.systemBars())
-        }
-    }
-
-    private fun startElapsedTicker() {
-        stopElapsedTicker()
-        elapsedTicker =
-                object : Runnable {
-                            override fun run() {
-                                if (controller.status.state == RecordingState.RECORDING) {
-                                    eventSink?.success(
-                                            controller
-                                                    .status
-                                                    .copy(
-                                                            elapsedMillis =
-                                                                    controller.elapsedMillis(),
-                                                    )
-                                                    .toMap(),
-                                    )
-                                    mainHandler.postDelayed(this, 1000L)
-                                }
-                            }
-                        }
-                        .also { mainHandler.post(it) }
-    }
-
-    private fun stopElapsedTicker() {
-        elapsedTicker?.let { mainHandler.removeCallbacks(it) }
-        elapsedTicker = null
-    }
-
-    override fun onListen(arguments: Any?, events: EventChannel.EventSink?) {
-        eventSink = events
-        events?.success(controller.status.toMap())
-    }
-
-    override fun onCancel(arguments: Any?) {
-        eventSink = null
-        stopElapsedTicker()
-    }
-}

android/app/src/main/kotlin/com/qxy/dronex/recording/RecordingPreviewFactory.kt

@@ -1,37 +0,0 @@
-package com.qxy.dronex.recording
-
-import android.content.Context
-import android.view.View
-import androidx.camera.view.PreviewView
-import com.qxy.dronex.MainActivity
-import io.flutter.plugin.common.StandardMessageCodec
-import io.flutter.plugin.platform.PlatformView
-import io.flutter.plugin.platform.PlatformViewFactory
-
-class RecordingPreviewFactory(
-        private val activity: MainActivity,
-) : PlatformViewFactory(StandardMessageCodec.INSTANCE) {
-    override fun create(context: Context, viewId: Int, args: Any?): PlatformView {
-        return RecordingPreviewPlatformView(activity)
-    }
-}
-
-class RecordingPreviewPlatformView(
-        private val activity: MainActivity,
-) : PlatformView {
-    val previewView: PreviewView =
-            PreviewView(activity).apply {
-                implementationMode = PreviewView.ImplementationMode.COMPATIBLE
-                scaleType = PreviewView.ScaleType.FILL_CENTER
-            }
-
-    init {
-        activity.attachRecordingPreview(previewView)
-    }
-
-    override fun getView(): View = previewView
-
-    override fun dispose() {
-        activity.detachRecordingPreview(previewView)
-    }
-}

android/app/src/main/kotlin/com/qxy/dronex/recording/RecordingSession.kt

@@ -1,30 +0,0 @@
-package com.qxy.dronex.recording
-
-import android.content.Context
-import androidx.lifecycle.LifecycleService
-
-object RecordingSession {
-    private var cameraController: RecordingCameraController? = null
-
-    fun controller(context: Context): RecordingCameraController {
-        return cameraController
-                ?: RecordingCameraController(context.applicationContext).also {
-                    cameraController = it
-                }
-    }
-
-    fun release() {
-        cameraController?.unbind()
-        cameraController = null
-    }
-
-    fun startForeground(context: Context) {
-        RecordingForegroundService.start(context)
-    }
-
-    fun stopForeground(context: Context) {
-        RecordingForegroundService.stop(context)
-    }
-
-    fun recordingLifecycleOwner(): LifecycleService? = RecordingForegroundService.instance
-}

android/app/src/main/kotlin/com/qxy/dronex/recording/RecordingState.kt

@@ -1,24 +0,0 @@
-package com.qxy.dronex.recording
-
-enum class RecordingState {
-    IDLE,
-    PREVIEWING,
-    RECORDING,
-    STOPPING,
-    ERROR,
-}
-
-data class RecordingStatus(
-        val state: RecordingState,
-        val outputPath: String? = null,
-        val elapsedMillis: Long = 0L,
-        val message: String? = null,
-) {
-    fun toMap(): Map<String, Any?> =
-            mapOf(
-                    "state" to state.name.lowercase(),
-                    "outputPath" to outputPath,
-                    "elapsedMillis" to elapsedMillis,
-                    "message" to message,
-            )
-}

assets/html/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .aa {
+
+
+            margin: 100px;
+            width: 200px;
+            height: 100px;
+            border-radius: 20px;
+        }
+    </style>
+</head>
+
+<body>
+
+
+    <button class="aa" onclick="postMsgToAPP()">向 APP 发送数据</button>
+</body>
+
+
+<script>
+    (function () {
+        if (window.__appInstallData) {
+            return;
+        }
+
+        window.__appInstallData = true;
+
+        window.AppBridge.token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOjgxNDI4NTczNTY2NjY4ODAwLCJkYXRhIjp7fSwic3ViIjoiODE0Mjg1NzM1NjY2Njg4MDAiLCJleHAiOjE3ODM5MzM1ODQsIm5iZiI6MTc4MzMyODc4NCwiaWF0IjoxNzgzMzI4Nzg0fQ.r1wYfvpV-5HIgwUuvq1Or3jPgjc3AhfJmoV1PNP23-Y';
+
+        ///TODO 后续业务
+
+    })();
+    function postMsgToAPP() {
+        window.AppBridge.postMessage(JSON.stringify({ type: 'navigator_pop', value: null }))
+        console.log(window.AppBridge.token)
+        console.log(window.AppBridge.playId)
+    }
+</script>
+
+</html>

build-apk-split.sh

@@ -1 +1,6 @@
+#!/bin/sh
+set -e
+
 flutter build apk --release --split-per-abi
+
+echo "构建完成时间: $(date '+%Y-%m-%d %H:%M:%S')"

buildServer.json

@@ -0,0 +1,19 @@
+{
+	"name": "xcode build server",
+	"version": "1.3.0",
+	"bspVersion": "2.2.0",
+	"languages": [
+		"c",
+		"cpp",
+		"objective-c",
+		"objective-cpp",
+		"swift"
+	],
+	"argv": [
+		"/opt/homebrew/bin/xcode-build-server"
+	],
+	"workspace": "/Users/ZhuanZ/Documents/gdfw/record-tool/ios/Runner.xcworkspace",
+	"build_root": "/Users/ZhuanZ/Library/Developer/Xcode/DerivedData/Runner-ckjfuyjdkgumnpbnnftroxddsppq",
+	"scheme": "Runner",
+	"kind": "xcode"
+}

clean.sh

@@ -0,0 +1,7 @@
+flutter clean  
+flutter pub get
+rm -rf ios/Pods
+rm -rf ios/Podfile.lock
+cd ios
+pod install
+cd ..

devtools_options.yaml

@@ -1,3 +1,5 @@
 description: This file stores settings for Dart & Flutter DevTools.
 documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
 extensions:
+  - riverpod: true
+  - shared_preferences: true

ios/Flutter/Debug.xcconfig

@@ -1,2 +1,3 @@
 #include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
 #include "Generated.xcconfig"
+FRAMEWORK_SEARCH_PATHS = $(inherited) "${PODS_CONFIGURATION_BUILD_DIR}"

ios/Flutter/Release.xcconfig

@@ -1,2 +1,3 @@
 #include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
 #include "Generated.xcconfig"
+FRAMEWORK_SEARCH_PATHS = $(inherited) "${PODS_CONFIGURATION_BUILD_DIR}"

ios/Podfile

@@ -45,9 +45,34 @@ post_install do |installer|
         '$(inherited)',
         'PERMISSION_CAMERA=1',
         'PERMISSION_MICROPHONE=1',
-        'PERMISSION_PHOTOS=1',
-        'PERMISSION_PHOTOS_ADD_ONLY=1',
       ]
     end
   end
+
+  pods_runner_dir = File.join(
+    installer.sandbox.root,
+    'Target Support Files',
+    'Pods-Runner'
+  )
+  Dir.glob(File.join(pods_runner_dir, 'Pods-Runner.*.xcconfig')).each do |config_path|
+    config = File.read(config_path)
+    config.gsub!(
+      'FRAMEWORK_SEARCH_PATHS = $(inherited)',
+      'FRAMEWORK_SEARCH_PATHS = $(inherited) "${PODS_CONFIGURATION_BUILD_DIR}"'
+    )
+    File.write(config_path, config)
+  end
+
+  Dir.glob(File.join(pods_runner_dir, 'Pods-Runner-frameworks-*input-files.xcfilelist')).each do |file_list_path|
+    file_list = File.read(file_list_path)
+    file_list.gsub!('${BUILT_PRODUCTS_DIR}/', '${PODS_CONFIGURATION_BUILD_DIR}/')
+    File.write(file_list_path, file_list)
+  end
+
+  frameworks_script = File.join(pods_runner_dir, 'Pods-Runner-frameworks.sh')
+  if File.exist?(frameworks_script)
+    script = File.read(frameworks_script)
+    script.gsub!('${BUILT_PRODUCTS_DIR}/', '${PODS_CONFIGURATION_BUILD_DIR}/')
+    File.write(frameworks_script, script)
+  end
 end

ios/Podfile.lock

@@ -2,9 +2,6 @@ PODS:
   - connectivity_plus (0.0.1):
     - Flutter
   - Flutter (1.0.0)
-  - path_provider_foundation (0.0.1):
-    - Flutter
-    - FlutterMacOS
   - permission_handler_apple (9.4.8):
     - Flutter
   - shared_preferences_foundation (0.0.1):
@@ -19,7 +16,6 @@ PODS:
 DEPENDENCIES:
   - connectivity_plus (from `.symlinks/plugins/connectivity_plus/ios`)
   - Flutter (from `Flutter`)
-  - path_provider_foundation (from `.symlinks/plugins/path_provider_foundation/darwin`)
   - permission_handler_apple (from `.symlinks/plugins/permission_handler_apple/ios`)
   - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
   - sqflite_darwin (from `.symlinks/plugins/sqflite_darwin/darwin`)
@@ -30,8 +26,6 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/connectivity_plus/ios"
   Flutter:
     :path: Flutter
-  path_provider_foundation:
-    :path: ".symlinks/plugins/path_provider_foundation/darwin"
   permission_handler_apple:
     :path: ".symlinks/plugins/permission_handler_apple/ios"
   shared_preferences_foundation:
@@ -44,12 +38,11 @@ EXTERNAL SOURCES:
 SPEC CHECKSUMS:
   connectivity_plus: cb623214f4e1f6ef8fe7403d580fdad517d2f7dd
   Flutter: cabc95a1d2626b1b06e7179b784ebcf0c0cde467
-  path_provider_foundation: bb55f6dbba17d0dccd6737fe6f7f34fbd0376880
   permission_handler_apple: 92d754bbaa7361d436db2d6c3c1c2a0fdcec462e
   shared_preferences_foundation: 7036424c3d8ec98dfe75ff1667cb0cd531ec82bb
   sqflite_darwin: 20b2a3a3b70e43edae938624ce550a3cbf66a3d0
   url_launcher_ios: 7a95fa5b60cc718a708b8f2966718e93db0cef1b
 
-PODFILE CHECKSUM: 5a82b772179df87e6518bddc6f9bb8b4053ce48b
+PODFILE CHECKSUM: 858401fbd980bedce6ecd2f9b429bf271f11f74b
 
 COCOAPODS: 1.16.2

ios/Runner.xcodeproj/project.pbxproj

@@ -495,16 +495,22 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				CODE_SIGN_STYLE = Manual;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
-				DEVELOPMENT_TEAM = 35634V629S;
+				DEVELOPMENT_TEAM = "";
+				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = MT26BPCKF6;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.qxy.dronex;
+				PRODUCT_BUNDLE_IDENTIFIER = com.dronex.rec;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				"PROVISIONING_PROFILE_SPECIFIER[sdk=iphoneos*]" = "dev-profile-dronex";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
 				VERSIONING_SYSTEM = "apple-generic";
@@ -678,16 +684,22 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				CODE_SIGN_STYLE = Manual;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
-				DEVELOPMENT_TEAM = 35634V629S;
+				DEVELOPMENT_TEAM = "";
+				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = MT26BPCKF6;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.qxy.dronex;
+				PRODUCT_BUNDLE_IDENTIFIER = com.dronex.rec;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				"PROVISIONING_PROFILE_SPECIFIER[sdk=iphoneos*]" = "dev-profile-dronex";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
 				SWIFT_VERSION = 5.0;
@@ -701,16 +713,22 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				CODE_SIGN_STYLE = Manual;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
-				DEVELOPMENT_TEAM = 35634V629S;
+				DEVELOPMENT_TEAM = "";
+				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = MT26BPCKF6;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.qxy.dronex;
+				PRODUCT_BUNDLE_IDENTIFIER = com.dronex.rec;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
+				"PROVISIONING_PROFILE_SPECIFIER[sdk=iphoneos*]" = "dev-profile-dronex";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
 				VERSIONING_SYSTEM = "apple-generic";

ios/Runner/Assets.xcassets/StartupBackground.imageset/Contents.json

@@ -0,0 +1,13 @@
+{
+  "images" : [
+    {
+      "filename" : "startup_background.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

ios/Runner/Base.lproj/LaunchScreen.storyboard

@@ -16,13 +16,15 @@
                     <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
+                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" image="StartupBackground" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
                             </imageView>
                         </subviews>
                         <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="1a2-6s-vTC"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="1a2-6s-vTC"/>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="4X2-HB-R7a"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="4X2-HB-R7a"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="E8f-e3-JEx"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="trailing" secondItem="Ze5-6b-2t3" secondAttribute="trailing" id="rwG-Bh-0uU"/>
                         </constraints>
                     </view>
                 </viewController>
@@ -32,6 +34,6 @@
         </scene>
     </scenes>
     <resources>
-        <image name="LaunchImage" width="168" height="185"/>
+        <image name="StartupBackground" width="750" height="1624"/>
     </resources>
 </document>

ios/Runner/Base.lproj/Main.storyboard

@@ -1,8 +1,10 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10117" systemVersion="15F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="BYZ-38-t0r">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="24412" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
+    <device id="retina6_12" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="24405"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
         <!--Flutter View Controller-->
@@ -14,13 +16,28 @@
                         <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
                     </layoutGuides>
                     <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
-                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
+                        <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+                        <subviews>
+                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" image="StartupBackground" translatesAutoresizingMaskIntoConstraints="NO" id="YQm-Ov-qw7">
+                                <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
+                            </imageView>
+                        </subviews>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>
+                            <constraint firstItem="YQm-Ov-qw7" firstAttribute="top" secondItem="8bC-Xf-vdC" secondAttribute="top" id="7pp-OK-Dgk"/>
+                            <constraint firstItem="YQm-Ov-qw7" firstAttribute="bottom" secondItem="8bC-Xf-vdC" secondAttribute="bottom" id="Hbf-gY-rbf"/>
+                            <constraint firstItem="YQm-Ov-qw7" firstAttribute="leading" secondItem="8bC-Xf-vdC" secondAttribute="leading" id="WPc-7k-20p"/>
+                            <constraint firstItem="YQm-Ov-qw7" firstAttribute="trailing" secondItem="8bC-Xf-vdC" secondAttribute="trailing" id="w1G-WA-3QR"/>
+                        </constraints>
                     </view>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
             </objects>
+            <point key="canvasLocation" x="139" y="122"/>
         </scene>
     </scenes>
+    <resources>
+        <image name="StartupBackground" width="750" height="1624"/>
+    </resources>
 </document>

ios/Runner/Info.plist

@@ -30,8 +30,10 @@
 	<string>需要访问相机以显示预览并录制视频。</string>
 	<key>NSMicrophoneUsageDescription</key>
 	<string>需要访问麦克风以录制视频声音；未授权时将静音录制。</string>
-	<key>NSPhotoLibraryAddUsageDescription</key>
+	<key>UIFileSharingEnabled</key>
-	<string>需要将录制的视频保存到相册。</string>
+	<true/>
+	<key>LSSupportsOpeningDocumentsInPlace</key>
+	<true/>
 	<key>UIApplicationSceneManifest</key>
 	<dict>
 		<key>UIApplicationSupportsMultipleScenes</key>

ios/Runner/PlatformInfoPlugin.swift

@@ -4,7 +4,7 @@ import UIKit
 final class PlatformInfoPlugin: NSObject, FlutterPlugin {
   static func register(with registrar: FlutterPluginRegistrar) {
     let channel = FlutterMethodChannel(
-      name: "com.qxy.dronex/platform_info",
+      name: "app.record_tool/platform_info",
       binaryMessenger: registrar.messenger()
     )
     let plugin = PlatformInfoPlugin()
@@ -62,6 +62,7 @@ final class PlatformInfoPlugin: NSObject, FlutterPlugin {
     let device = UIDevice.current
     return [
       "platform": "ios",
+      "deviceCode": "",
       "brand": device.systemName,
       "model": machineIdentifier(),
       "systemVersion": device.systemVersion,

ios/Runner/RecordingPlugin.swift

@@ -1,6 +1,5 @@
 import AVFoundation
 import Flutter
-import Photos
 import UIKit
 
 private enum RecordingState: String {
@@ -110,12 +109,13 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
   private var audioInput: AVCaptureDeviceInput?
   private var configured = false
   private var latestOutputPath: String?
-  private var latestGallerySaved = true
+  private var latestFileSaved = true
-  private var latestGalleryErrorMessage: String?
+  private var latestFileErrorMessage: String?
   private var pendingDisplayName: String?
   private var recordingStartedAt: Date?
   private var elapsedTimer: Timer?
   private var pendingStopResult: FlutterResult?
+  private var currentZoomRatio: CGFloat = 1.0
 
   private(set) var status = RecordingStatus(state: .idle) {
     didSet {
@@ -215,10 +215,10 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
         }
 
         self.pendingDisplayName = displayName
-        self.latestGallerySaved = true
+        self.latestFileSaved = true
-        self.latestGalleryErrorMessage = nil
+        self.latestFileErrorMessage = nil
         let outputURL = try self.createOutputURL(displayName: displayName)
-        self.latestOutputPath = outputURL.lastPathComponent
+        self.latestOutputPath = outputURL.path
         self.recordingStartedAt = Date()
         self.updateStatus(RecordingStatus(state: .recording, outputPath: outputURL.path))
         self.movieOutput.startRecording(to: outputURL, recordingDelegate: self)
@@ -254,11 +254,11 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
           var payload: [String: Any] = [
             "outputPath": self.latestOutputPath as Any,
             "status": self.currentStatusMap(),
-            "gallerySaved": self.latestGallerySaved,
+            "fileSaved": self.latestFileSaved,
           ]
-          if !self.latestGallerySaved {
+          if !self.latestFileSaved {
-            payload["galleryErrorMessage"] =
+            payload["fileErrorMessage"] =
-              self.latestGalleryErrorMessage ?? "保存到相册失败"
+              self.latestFileErrorMessage ?? "保存到文件夹失败"
           }
           result(payload)
         }
@@ -291,6 +291,7 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
       self.session.commitConfiguration()
       self.videoInput = nil
       self.audioInput = nil
+      self.currentZoomRatio = 1.0
       self.configured = false
       self.updateStatus(RecordingStatus(state: .idle))
 
@@ -312,6 +313,54 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
     return status.toMap()
   }
 
+  func zoomCapabilities(result: @escaping FlutterResult) {
+    sessionQueue.async { [weak self] in
+      guard let self else { return }
+      let capabilities = self.currentZoomCapabilitiesMap()
+      DispatchQueue.main.async {
+        result(capabilities)
+      }
+    }
+  }
+
+  func setZoomRatio(_ ratio: CGFloat, result: @escaping FlutterResult) {
+    sessionQueue.async { [weak self] in
+      guard let self else { return }
+      guard let device = self.videoInput?.device else {
+        self.currentZoomRatio = max(1.0, ratio)
+        let capabilities = self.currentZoomCapabilitiesMap()
+        DispatchQueue.main.async {
+          result(capabilities)
+        }
+        return
+      }
+
+      do {
+        // 入参是显示倍率(1.0x = 主摄)，按 S 基准换算回设备 zoomFactor。
+        let baseline = self.mainBaselineFactor(for: device)
+        let nextZoom = self.clampedZoomRatio(ratio * baseline, for: device)
+        try device.lockForConfiguration()
+        device.videoZoomFactor = nextZoom
+        device.unlockForConfiguration()
+        self.currentZoomRatio = nextZoom
+        let capabilities = self.currentZoomCapabilitiesMap()
+        DispatchQueue.main.async {
+          result(capabilities)
+        }
+      } catch {
+        DispatchQueue.main.async {
+          result(
+            FlutterError(
+              code: "ZOOM_FAILED",
+              message: error.localizedDescription,
+              details: nil
+            )
+          )
+        }
+      }
+    }
+  }
+
   func fileOutput(
     _ output: AVCaptureFileOutput,
     didFinishRecordingTo outputFileURL: URL,
@@ -322,8 +371,8 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
     pendingStopResult = nil
 
     if let error {
-      latestGallerySaved = false
+      latestFileSaved = false
-      latestGalleryErrorMessage = error.localizedDescription
+      latestFileErrorMessage = error.localizedDescription
       updateStatus(
         RecordingStatus(
           state: .error, outputPath: latestOutputPath, message: error.localizedDescription))
@@ -331,29 +380,30 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
       return
     }
 
-    saveVideoToPhotoLibrary(fileURL: outputFileURL) { [weak self] success, message in
+    latestFileSaved = true
-      guard let self else { return }
+    latestFileErrorMessage = nil
-      self.latestGallerySaved = success
+    latestOutputPath = outputFileURL.path
-      self.latestGalleryErrorMessage = message
+    guard FileManager.default.fileExists(atPath: outputFileURL.path) else {
-      if success {
+      latestFileSaved = false
-        self.updateStatus(
+      latestFileErrorMessage = "录制文件未生成"
-          RecordingStatus(
+      updateStatus(
-            state: .previewing,
-            outputPath: self.latestOutputPath,
-            elapsedMillis: self.elapsedMillis()
-          )
-        )
-      } else {
-        self.updateStatus(
         RecordingStatus(
           state: .error,
-            outputPath: self.latestOutputPath,
+          outputPath: latestOutputPath,
-            message: message ?? "保存到相册失败"
+          message: latestFileErrorMessage
         )
       )
+      finishStopRecording(stopResult: stopResult)
+      return
     }
-      self.finishStopRecording(stopResult: stopResult)
+    updateStatus(
-    }
+      RecordingStatus(
+        state: .previewing,
+        outputPath: latestOutputPath,
+        elapsedMillis: elapsedMillis()
+      )
+    )
+    finishStopRecording(stopResult: stopResult)
   }
 
   private func finishStopRecording(stopResult: FlutterResult?) {
@@ -363,79 +413,23 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
       var payload: [String: Any] = [
         "outputPath": self.latestOutputPath as Any,
         "status": self.currentStatusMap(),
-        "gallerySaved": self.latestGallerySaved,
+        "fileSaved": self.latestFileSaved,
       ]
-      if !self.latestGallerySaved {
+      if !self.latestFileSaved {
-        payload["galleryErrorMessage"] =
+        payload["fileErrorMessage"] =
-          self.latestGalleryErrorMessage ?? "保存到相册失败，请开启相册权限"
+          self.latestFileErrorMessage ?? "保存到文件夹失败，请检查文件保存权限"
       }
       stopResult?(payload)
     }
   }
 
-  private func saveVideoToPhotoLibrary(
-    fileURL: URL,
-    completion: @escaping (Bool, String?) -> Void
-  ) {
-    let performSave = {
-      PHPhotoLibrary.shared().performChanges({
-        PHAssetCreationRequest.forAsset().addResource(with: .video, fileURL: fileURL, options: nil)
-      }) { success, error in
-        if success {
-          try? FileManager.default.removeItem(at: fileURL)
-          completion(true, nil)
-        } else {
-          completion(false, error?.localizedDescription ?? "保存到相册失败")
-        }
-      }
-    }
-
-    if #available(iOS 14, *) {
-      let status = PHPhotoLibrary.authorizationStatus(for: .addOnly)
-      switch status {
-      case .authorized, .limited:
-        performSave()
-      case .notDetermined:
-        PHPhotoLibrary.requestAuthorization(for: .addOnly) { newStatus in
-          if newStatus == .authorized || newStatus == .limited {
-            performSave()
-          } else {
-            completion(false, "未授予相册权限")
-          }
-        }
-      default:
-        completion(false, "未授予相册权限")
-      }
-    } else {
-      let status = PHPhotoLibrary.authorizationStatus()
-      switch status {
-      case .authorized:
-        performSave()
-      case .notDetermined:
-        PHPhotoLibrary.requestAuthorization { newStatus in
-          if newStatus == .authorized {
-            performSave()
-          } else {
-            completion(false, "未授予相册权限")
-          }
-        }
-      default:
-        completion(false, "未授予相册权限")
-      }
-    }
-  }
-
   private func configureSession(withAudio: Bool) throws {
     if configured {
       try configureAudioInput(enabled: withAudio)
       return
     }
 
-    guard
+    guard let videoDevice = Self.preferredVideoDevice() else {
-      let videoDevice = AVCaptureDevice.default(
-        .builtInWideAngleCamera, for: .video, position: .back)
-        ?? AVCaptureDevice.default(for: .video)
-    else {
       throw NSError(
         domain: "RecordingCamera", code: 1,
         userInfo: [NSLocalizedDescriptionKey: "No camera device available"])
@@ -465,9 +459,74 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
     session.commitConfiguration()
 
     configured = true
+    // 默认以主摄(显示 1.0x)开场：虚拟多摄设备里主摄对应的 zoomFactor 是 S。
+    currentZoomRatio = mainBaselineFactor(for: videoDevice)
+    try applyCurrentZoom()
     try configureAudioInput(enabled: withAudio)
   }
 
+  /// 优先选用包含超广角的虚拟多摄设备，使 minAvailableVideoZoomFactor 能低于主摄(从而支持 0.6x)。
+  private static func preferredVideoDevice() -> AVCaptureDevice? {
+    let preferredTypes: [AVCaptureDevice.DeviceType] = [
+      .builtInTripleCamera,
+      .builtInDualWideCamera,
+      .builtInWideAngleCamera,
+    ]
+    for type in preferredTypes {
+      if let device = AVCaptureDevice.default(type, for: .video, position: .back) {
+        return device
+      }
+    }
+    return AVCaptureDevice.default(for: .video)
+  }
+
+  /// 虚拟多摄设备中「主摄(显示 1.0x)」对应的设备 zoomFactor 基准 S。
+  /// 取 ultra-wide → wide 的切换点；非虚拟设备无切换点时返回 1.0(向后兼容)。
+  private func mainBaselineFactor(for device: AVCaptureDevice) -> CGFloat {
+    if let first = device.virtualDeviceSwitchOverVideoZoomFactors.first {
+      let value = CGFloat(truncating: first)
+      if value > 0 {
+        return value
+      }
+    }
+    return 1.0
+  }
+
+  private func currentZoomCapabilitiesMap() -> [String: Any] {
+    guard let device = videoInput?.device else {
+      return [
+        "zoomRatio": Double(currentZoomRatio),
+        "minZoomRatio": 1.0,
+        "maxZoomRatio": 3.0,
+      ]
+    }
+
+    // 设备 zoomFactor 以 S 为基准换算成 App 使用的「显示倍率」(1.0x = 主摄)。
+    let baseline = mainBaselineFactor(for: device)
+    let minZoom = device.minAvailableVideoZoomFactor
+    let maxZoom = device.maxAvailableVideoZoomFactor
+    let zoom = clampedZoomRatio(device.videoZoomFactor, for: device)
+    currentZoomRatio = zoom
+    return [
+      "zoomRatio": Double(zoom / baseline),
+      "minZoomRatio": Double(minZoom / baseline),
+      "maxZoomRatio": Double(maxZoom / baseline),
+    ]
+  }
+
+  private func applyCurrentZoom() throws {
+    guard let device = videoInput?.device else { return }
+    let nextZoom = clampedZoomRatio(currentZoomRatio, for: device)
+    try device.lockForConfiguration()
+    device.videoZoomFactor = nextZoom
+    device.unlockForConfiguration()
+    currentZoomRatio = nextZoom
+  }
+
+  private func clampedZoomRatio(_ ratio: CGFloat, for device: AVCaptureDevice) -> CGFloat {
+    min(max(ratio, device.minAvailableVideoZoomFactor), device.maxAvailableVideoZoomFactor)
+  }
+
   private func configureAudioInput(enabled: Bool) throws {
     session.beginConfiguration()
     defer { session.commitConfiguration() }
@@ -502,7 +561,30 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
     try FileManager.default.createDirectory(at: recordingsURL, withIntermediateDirectories: true)
 
     let fileName = Self.resolveFileName(displayName: displayName)
-    return recordingsURL.appendingPathComponent(fileName)
+    return uniqueOutputURL(in: recordingsURL, preferredFileName: fileName)
+  }
+
+  private func uniqueOutputURL(in directoryURL: URL, preferredFileName: String) -> URL {
+    let preferredURL = directoryURL.appendingPathComponent(preferredFileName)
+    guard !FileManager.default.fileExists(atPath: preferredURL.path) else {
+      let fileExtension = preferredURL.pathExtension
+      let baseName = preferredURL.deletingPathExtension().lastPathComponent
+      let timestamp = Self.fileNameDateFormatter.string(from: Date())
+
+      var index = 0
+      while true {
+        let suffix = index == 0 ? timestamp : "\(timestamp)_\(index)"
+        let nextName = fileExtension.isEmpty
+          ? "\(baseName)_\(suffix)"
+          : "\(baseName)_\(suffix).\(fileExtension)"
+        let nextURL = directoryURL.appendingPathComponent(nextName)
+        if !FileManager.default.fileExists(atPath: nextURL.path) {
+          return nextURL
+        }
+        index += 1
+      }
+    }
+    return preferredURL
   }
 
   private static func resolveFileName(displayName: String?) -> String {
@@ -520,6 +602,13 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
     return "REC_\(formatter.string(from: Date())).mov"
   }
 
+  private static let fileNameDateFormatter: DateFormatter = {
+    let formatter = DateFormatter()
+    formatter.locale = Locale(identifier: "en_US_POSIX")
+    formatter.dateFormat = "yyyyMMdd_HHmmss"
+    return formatter
+  }()
+
   private func updateStatus(_ next: RecordingStatus) {
     status = next
   }
@@ -544,9 +633,9 @@ private final class RecordingCameraController: NSObject, AVCaptureFileOutputReco
 }
 
 private enum RecordingChannelNames {
-  static let packageName = "com.qxy.dronex"
+  static let namespace = "app.record_tool"
-  static let method = "\(packageName)/recording"
+  static let method = "\(namespace)/recording"
-  static let events = "\(packageName)/recording_events"
+  static let events = "\(namespace)/recording_events"
 }
 
 final class RecordingPlugin: NSObject, FlutterPlugin, FlutterStreamHandler {
@@ -587,6 +676,12 @@ final class RecordingPlugin: NSObject, FlutterPlugin, FlutterStreamHandler {
       controller.startRecording(withAudio: withAudio, displayName: displayName, result: result)
     case "stopRecording":
       controller.stopRecording(result: result)
+    case "getZoomCapabilities":
+      controller.zoomCapabilities(result: result)
+    case "setZoomRatio":
+      let args = call.arguments as? [String: Any]
+      let ratio = args?["zoomRatio"] as? Double ?? 1.0
+      controller.setZoomRatio(CGFloat(ratio), result: result)
     case "disposePreview":
       controller.disposePreview(result: result)
     case "getStatus":

lib/app/app.dart

@@ -1,46 +1,16 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_easyloading/flutter_easyloading.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:pull_to_refresh/pull_to_refresh.dart';
 import 'package:recording_tool/app/config/app_config.dart';
 import 'package:recording_tool/app/router/app_navigator.dart';
 import 'package:recording_tool/app/theme/app_theme.dart';
-import 'package:recording_tool/features/recording/pages/page_record.dart';
+import 'package:recording_tool/features/auth/pages/page_auth.dart';
-import 'package:recording_tool/features/recording/view-model/view_model_recording.dart';
 
-class FlutterTemplateApp extends ConsumerStatefulWidget {
+class FlutterTemplateApp extends StatelessWidget {
   const FlutterTemplateApp({super.key});
 
-  @override
-  ConsumerState<FlutterTemplateApp> createState() => _FlutterTemplateAppState();
-}
-
-class _FlutterTemplateAppState extends ConsumerState<FlutterTemplateApp>
-    with WidgetsBindingObserver {
-  @override
-  void initState() {
-    super.initState();
-    WidgetsBinding.instance.addObserver(this);
-    WidgetsBinding.instance.addPostFrameCallback((_) {
-      ref.read(recordingViewModelProvider.notifier).getClipboardContent();
-    });
-  }
-
-  @override
-  void didChangeAppLifecycleState(AppLifecycleState state) {
-    if (state == AppLifecycleState.resumed) {
-      ref.read(recordingViewModelProvider.notifier).getClipboardContent();
-    }
-  }
-
-  @override
-  void dispose() {
-    WidgetsBinding.instance.removeObserver(this);
-    super.dispose();
-  }
-
   @override
   Widget build(BuildContext context) {
     return ScreenUtilInit(
@@ -74,7 +44,7 @@ class _FlutterTemplateAppState extends ConsumerState<FlutterTemplateApp>
           home: RefreshConfiguration(
             enableLoadingWhenNoData: false,
             headerTriggerDistance: 80.h,
-            child: const RecordingPage(),
+            child: const AuthPageWidget(),
           ),
         );
       },

lib/app/config/api_common.dart

@@ -0,0 +1,16 @@
+enum AuthApi {
+  /// 获取 token
+  getToken('/api/events/device/token'),
+
+  /// 获取推流地址
+  getStreamKey('/api/events/device/stream/key'),
+
+  /// 根据赛事目录获取视频列表
+  getRecordList('/api/files'),
+
+  /// 获取选手的赛事信息
+  playerRegistrationList('/api/events/device/player/registration/list');
+
+  final String path;
+  const AuthApi(this.path);
+}

lib/app/config/app_config.dart

@@ -32,17 +32,18 @@ class AppConfig {
     current = switch (environment) {
       AppEnvironment.dev => const EnvironmentValues(
         environment: AppEnvironment.dev,
-        baseUrl: 'https://example.com/api',
+        // baseUrl: 'http://192.168.1.104:8000',
+        baseUrl: 'https://apitest.dronex.cc',
         enableNetworkLog: true,
       ),
       AppEnvironment.staging => const EnvironmentValues(
         environment: AppEnvironment.staging,
-        baseUrl: 'https://staging.example.com/api',
+        baseUrl: 'https://apitest.dronex.cc',
         enableNetworkLog: true,
       ),
       AppEnvironment.prod => const EnvironmentValues(
         environment: AppEnvironment.prod,
-        baseUrl: 'https://api.example.com',
+        baseUrl: 'https://api.dronex.cc',
         enableNetworkLog: false,
       ),
     };

lib/app/router/app_navigator.dart

@@ -103,10 +103,7 @@ class AppNavigator {
   }
 
   static void pop<T extends Object?>({BuildContext? context, T? result}) {
-    Navigator.of(
+    Navigator.maybePop(context ?? AppNavigator.context!);
-      context ?? AppNavigator.context!,
-      rootNavigator: true,
-    ).pop<T>(result);
   }
 
   static void popTimes({BuildContext? context, int count = 1}) {

lib/core/network/api_client.dart

@@ -108,6 +108,7 @@ class ApiClient {
     final statusCode = error.response?.statusCode;
     final message = switch (error.type) {
       DioExceptionType.connectionTimeout => '网络连接超时',
+      DioExceptionType.transformTimeout => '网络请求处理超时',
       DioExceptionType.sendTimeout => '请求发送超时',
       DioExceptionType.receiveTimeout => '响应接收超时',
       DioExceptionType.badCertificate => '证书校验失败',

lib/core/network/api_response.dart

@@ -5,7 +5,7 @@ class ApiResponse<T> {
   final String message;
   final T? data;
 
-  bool get isSuccess => code >= 200 && code < 300;
+  bool get isSuccess => code == 0 || code >= 200 && code < 300;
 
   factory ApiResponse.fromJson(
     Map<String, dynamic> json, {

lib/core/network/header_interceptor.dart

@@ -28,4 +28,15 @@ class HeaderInterceptor extends Interceptor {
 
     handler.next(options);
   }
+
+  @override
+  Future<void> onError(
+    DioException err,
+    ErrorInterceptorHandler handler,
+  ) async {
+    if (err.response?.statusCode == 401) {
+      await AppStorage.remove(StorageKeys.authToken);
+    }
+    handler.next(err);
+  }
 }

lib/core/platform/app_platform_info.dart

@@ -31,6 +31,7 @@ class AppDeviceInfo {
     required this.platform,
     required this.isPhysicalDevice,
     required this.values,
+    required this.deviceCode,
   });
 
   factory AppDeviceInfo.fromMap(Map<Object?, Object?> map) {
@@ -48,19 +49,21 @@ class AppDeviceInfo {
       platform: map['platform'] as String? ?? Platform.operatingSystem,
       isPhysicalDevice: isPhysicalDevice is bool ? isPhysicalDevice : true,
       values: values,
+      deviceCode: values['deviceCode'] ?? '',
     );
   }
 
   final String platform;
   final bool isPhysicalDevice;
   final Map<String, String> values;
+  final String deviceCode;
 }
 
 class AppPlatformInfo {
   AppPlatformInfo._();
 
   static const MethodChannel _channel = MethodChannel(
-    'com.qxy.dronex/platform_info',
+    'app.record_tool/platform_info',
   );
 
   static Future<AppPackageInfo> packageInfo() async {

lib/core/utils/device_utils.dart

@@ -28,4 +28,12 @@ class DeviceUtils {
     }
     return (await AppPlatformInfo.deviceInfo()).values;
   }
+
+  static Future<String> deviceCode() async {
+    try {
+      return (await AppPlatformInfo.deviceInfo()).deviceCode.trim();
+    } catch (_) {
+      return '';
+    }
+  }
 }

lib/features/auth/model/model_auth.dart

@@ -0,0 +1,81 @@
+/// 获取 TOKEN 响应模型
+class GetTokenResModel {
+  GetTokenResModel({required this.deviceAccessToken});
+
+  final String deviceAccessToken;
+
+  factory GetTokenResModel.fromJson(Map<String, dynamic> json) {
+    return GetTokenResModel(
+      deviceAccessToken: (json['deviceAccessToken'] ?? '').toString(),
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {'deviceAccessToken': deviceAccessToken};
+  }
+}
+
+/// 查看录像响应模型
+class GetRecordListResModel {
+  String? path;
+  List<RecordListItem>? items;
+
+  GetRecordListResModel({this.path, this.items});
+
+  factory GetRecordListResModel.fromJson(Map<String, dynamic> json) =>
+      GetRecordListResModel(
+        path: json['path'],
+        items: json['items'] == null
+            ? []
+            : List<RecordListItem>.from(
+                json['items']!.map((x) => RecordListItem.fromJson(x)),
+              ),
+      );
+
+  Map<String, dynamic> toJson() => {
+    'path': path,
+    'items': items == null
+        ? []
+        : List<dynamic>.from(items!.map((x) => x.toJson())),
+  };
+}
+
+class RecordListItem {
+  String? name;
+  String? path;
+  String? type;
+  int? size;
+  DateTime? modTime;
+  String? url;
+  String? extension;
+
+  RecordListItem({
+    this.name,
+    this.path,
+    this.type,
+    this.size,
+    this.modTime,
+    this.url,
+    this.extension,
+  });
+
+  factory RecordListItem.fromJson(Map<String, dynamic> json) => RecordListItem(
+    name: json['name'] ?? '',
+    path: json['path'] ?? '',
+    type: json['type'] ?? '',
+    size: json['size'] ?? 0,
+    modTime: json['modTime'] == null ? null : DateTime.parse(json['modTime']),
+    url: json['url'] ?? '',
+    extension: json['extension'] ?? '',
+  );
+
+  Map<String, dynamic> toJson() => {
+    'name': name,
+    'path': path,
+    'type': type,
+    'size': size,
+    'modTime': modTime?.toIso8601String(),
+    'url': url,
+    'extension': extension,
+  };
+}

lib/features/auth/model/model_jwt.dart

@@ -0,0 +1,56 @@
+// To parse this JSON data, do
+//
+//     final jwtDecodedData = jwtDecodedDataFromJson(jsonString);
+
+import 'dart:convert';
+
+JwtDecodedData jwtDecodedDataFromJson(String str) =>
+    JwtDecodedData.fromJson(json.decode(str));
+
+String jwtDecodedDataToJson(JwtDecodedData data) => json.encode(data.toJson());
+
+class JwtDecodedData {
+  String? authType;
+  String? deviceCode;
+  int? deviceId;
+  String? deviceRole;
+  String? eventName;
+  double? oId;
+  List<double>? oIds;
+  double? organizerId;
+
+  JwtDecodedData({
+    this.authType,
+    this.deviceCode,
+    this.deviceId,
+    this.deviceRole,
+    this.eventName,
+    this.oId,
+    this.oIds,
+    this.organizerId,
+  });
+
+  factory JwtDecodedData.fromJson(Map<String, dynamic> json) => JwtDecodedData(
+    authType: json["authType"],
+    deviceCode: json["deviceCode"],
+    deviceId: json["deviceId"],
+    deviceRole: json["deviceRole"],
+    eventName: json["eventName"],
+    oId: json["oId"]?.toDouble(),
+    oIds: json["oIds"] == null
+        ? []
+        : List<double>.from(json["oIds"]!.map((x) => x?.toDouble())),
+    organizerId: json["organizerId"]?.toDouble(),
+  );
+
+  Map<String, dynamic> toJson() => {
+    "authType": authType,
+    "deviceCode": deviceCode,
+    "deviceId": deviceId,
+    "deviceRole": deviceRole,
+    "eventName": eventName,
+    "oId": oId,
+    "oIds": oIds == null ? [] : List<dynamic>.from(oIds!.map((x) => x)),
+    "organizerId": organizerId,
+  };
+}

lib/features/auth/pages/page_auth.dart

@@ -0,0 +1,93 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:recording_tool/app/router/app_navigator.dart';
+import 'package:recording_tool/core/cache/app_storage.dart';
+import 'package:recording_tool/core/cache/storage_keys.dart';
+import 'package:recording_tool/features/auth/view_model_auth/view_model_auth.dart';
+import 'package:recording_tool/features/scan_qrcode/pages/page_scan_qrcode.dart';
+import 'package:recording_tool/shared/widgets/widgets.dart';
+
+class AuthPageWidget extends ConsumerStatefulWidget {
+  const AuthPageWidget({super.key});
+
+  @override
+  ConsumerState<AuthPageWidget> createState() => _AuthPageWidgetState();
+}
+
+class _AuthPageWidgetState extends ConsumerState<AuthPageWidget> {
+  late TextEditingController? _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = TextEditingController();
+    _controller?.text = '555';
+
+    WidgetsBinding.instance.addPostFrameCallback((_) async {
+      final token = AppStorage.getString(StorageKeys.authToken);
+      if (token?.isNotEmpty ?? false) {
+        AppNavigator.push(const ScanQrCodePage());
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    _controller?.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final authState = ref.watch(authProvider);
+
+    return Center(
+      child: Column(
+        children: [
+          SizedBox(height: 180.h),
+          AppText('裁判工作台', fontSize: 30.sp),
+          SizedBox(height: 20.h),
+          Text(
+            '输入执裁口令',
+            style: TextStyle(fontSize: 18.sp, color: Colors.black),
+          ),
+          SizedBox(height: 20.h),
+
+          Container(
+            padding: EdgeInsets.symmetric(horizontal: 20.w),
+            child: Column(
+              children: [
+                AppTextField(controller: _controller),
+                SizedBox(height: 20.h),
+                SizedBox(
+                  width: double.maxFinite,
+                  child: AppButton(
+                    label: '确定',
+                    onPressed: () async {
+                      final code = _controller?.text;
+                      final success = await ref
+                          .read(authProvider.notifier)
+                          .auth(code ?? '');
+                      if (!mounted) return;
+                      if (success) {
+                        AppNavigator.push(const ScanQrCodePage());
+                        return;
+                      }
+                      final message = ref.read(authProvider).errorMessage;
+                      if (message != null && message.isNotEmpty) {
+                        AppToast.show(message);
+                      }
+                    },
+                    variant: AppButtonVariant.secondary,
+                    isLoading: authState.isLoading,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/features/auth/server/server_auth.dart

@@ -0,0 +1,44 @@
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:recording_tool/app/config/api_common.dart';
+import 'package:recording_tool/core/network/providers/dio_providers.dart';
+import 'package:recording_tool/core/utils/device_utils.dart';
+import 'package:recording_tool/features/auth/model/model_auth.dart';
+
+class AuthServer {
+  /// [passCode] 口令码
+  static Future<GetTokenResModel> login(String passCode, Ref ref) async {
+    final deviceCode = await DeviceUtils.deviceCode();
+    if (deviceCode.isEmpty) {
+      throw const FormatException('无法获取设备标识');
+    }
+
+    final apiClient = ref.read(apiClientProvider);
+    final data = await apiClient.post<GetTokenResModel>(
+      AuthApi.getToken.path,
+      data: {'deviceCode': deviceCode, 'passCode': passCode},
+      parser: (json) => GetTokenResModel.fromJson(json as Map<String, dynamic>),
+    );
+
+    if (data.deviceAccessToken.isEmpty) {
+      throw const FormatException('登录响应缺少 TOKEN');
+    }
+
+    return data;
+  }
+
+  /// 获取赛事列表
+  /// [path] 赛事目录
+  static Future<GetRecordListResModel> getRecordList(
+    Ref ref,
+    String path,
+  ) async {
+    final apiClient = ref.read(apiClientProvider);
+    final data = await apiClient.get<GetRecordListResModel>(
+      'http://sheling.local:9001/${AuthApi.getRecordList.path}',
+      queryParameters: {'path': path},
+      parser: (json) =>
+          GetRecordListResModel.fromJson(json as Map<String, dynamic>),
+    );
+    return data;
+  }
+}

lib/features/auth/state/state_auth.dart

@@ -0,0 +1,33 @@
+import 'package:recording_tool/features/auth/model/model_auth.dart';
+import 'package:recording_tool/features/auth/model/model_jwt.dart';
+
+class AuthState {
+  const AuthState({
+    this.isLoading = false,
+    this.errorMessage,
+    this.jwtDecodedData,
+    this.recordList,
+  });
+
+  final bool isLoading;
+  final String? errorMessage;
+
+  /// 解析后的 TOKEN 数据
+  final JwtDecodedData? jwtDecodedData;
+
+  /// 赛事列表
+  final List<RecordListItem>? recordList;
+
+  AuthState copyWith({
+    bool? isLoading,
+    String? errorMessage,
+    JwtDecodedData? jwtDecodedData,
+    List<RecordListItem>? recordList,
+  }) {
+    return AuthState(
+      isLoading: isLoading ?? this.isLoading,
+      errorMessage: errorMessage ?? this.errorMessage,
+      jwtDecodedData: jwtDecodedData ?? this.jwtDecodedData,
+    );
+  }
+}

lib/features/auth/view_model_auth/view_model_auth.dart

@@ -0,0 +1,74 @@
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_riverpod/legacy.dart';
+import 'package:jwt_decoder/jwt_decoder.dart';
+import 'package:recording_tool/core/cache/app_storage.dart';
+import 'package:recording_tool/core/cache/storage_keys.dart';
+import 'package:recording_tool/core/network/api_exception.dart';
+import 'package:recording_tool/features/auth/model/model_jwt.dart';
+import 'package:recording_tool/features/auth/server/server_auth.dart';
+import 'package:recording_tool/features/auth/state/state_auth.dart';
+
+final authProvider =
+    StateNotifierProvider.autoDispose<AuthViewModel, AuthState>((ref) {
+      return AuthViewModel(ref);
+    });
+
+class AuthViewModel extends StateNotifier<AuthState> {
+  AuthViewModel(this._ref) : super(const AuthState());
+  final Ref _ref;
+
+  /// 鉴权获取 token
+  Future<bool> auth(String code) async {
+    final passCode = code.trim();
+    if (passCode.isEmpty) {
+      state = const AuthState(errorMessage: '请输入执裁口令');
+      return false;
+    }
+
+    state = const AuthState(isLoading: true);
+    try {
+      final data = await AuthServer.login(passCode, _ref);
+      await AppStorage.setString(StorageKeys.authToken, data.deviceAccessToken);
+      state = const AuthState();
+      if (data.deviceAccessToken.isNotEmpty) {
+        parseTokenSetState(data.deviceAccessToken);
+      }
+      return true;
+    } on FormatException catch (error) {
+      state = AuthState(errorMessage: error.message);
+      return false;
+    } on ApiException catch (error) {
+      state = AuthState(errorMessage: error.message);
+      return false;
+    } catch (_) {
+      state = const AuthState(errorMessage: '认证失败，请重试');
+      return false;
+    }
+  }
+
+  /// 解析 TOKEN，并更新状态
+  Future<bool> parseTokenSetState(String token) async {
+    final decoded = JwtDecoder.decode(token);
+    if (decoded['data'] != null && decoded['data'] is Map<String, dynamic>) {
+      final data = JwtDecodedData.fromJson(decoded['data']);
+      state = state.copyWith(jwtDecodedData: data);
+      return true;
+    }
+    return false;
+  }
+
+  /// 获取赛事列表
+  Future<bool> getRecordList(String eventName) async {
+    if (eventName.isEmpty) return false;
+    final data = await AuthServer.getRecordList(_ref, eventName);
+    if (data.items == null || data.items!.isEmpty) return false;
+    state = state.copyWith(recordList: data.items);
+    return true;
+  }
+
+  /// 清空授权信息（本地 token + 内存状态）
+  Future<void> clearAuth() async {
+    await AppStorage.remove(StorageKeys.authToken);
+    state = const AuthState();
+  }
+}

lib/features/events/model/model_event_info.dart

@@ -0,0 +1,306 @@
+import 'package:recording_tool/features/recording/model/model_recording_context.dart';
+
+class PlayerRegistrationListReq {
+  const PlayerRegistrationListReq({required this.userId, this.status = ''});
+
+  final String userId;
+  final String status;
+
+  Map<String, dynamic> toFormDataMap() {
+    return {'userId': userId, 'status': status};
+  }
+}
+
+class StreamKeyReq {
+  const StreamKeyReq({
+    required this.eventId,
+    required this.itemId,
+    required this.userId,
+  });
+
+  final String eventId;
+  final String itemId;
+  final String userId;
+
+  Map<String, dynamic> toFormDataMap() {
+    return {'eventId': eventId, 'itemId': itemId, 'userId': userId};
+  }
+}
+
+class EventProfile {
+  const EventProfile({
+    required this.name,
+    required this.phone,
+    required this.eventTitle,
+    this.avatarUrl = '',
+    this.avatarLabel = '头像',
+  });
+
+  final String name;
+  final String phone;
+  final String eventTitle;
+  final String avatarUrl;
+  final String avatarLabel;
+}
+
+class EventRegistrationList {
+  const EventRegistrationList({
+    required this.userId,
+    required this.name,
+    required this.avatar,
+    required this.total,
+    required this.items,
+  });
+
+  final String userId;
+  final String name;
+  final String avatar;
+  final int total;
+  final List<EventRegistrationItem> items;
+
+  factory EventRegistrationList.fromJson(dynamic json) {
+    final map = _extractObject(json);
+    final rawItems = _extractList(json);
+    final userId = _readString(map, const ['userId']);
+    final name = _readString(map, const [
+      'name',
+      'playerName',
+      'userName',
+      'realName',
+    ]);
+    final avatar = _readString(map, const ['avatar', 'avatarUrl']);
+    return EventRegistrationList(
+      userId: userId,
+      name: name,
+      avatar: avatar,
+      total: _readInt(map, const ['total'], fallback: rawItems.length),
+      items: rawItems
+          .whereType<Map>()
+          .map(
+            (item) => EventRegistrationItem.fromJson(
+              item,
+              userId: userId,
+              playerName: name,
+            ),
+          )
+          .toList(),
+    );
+  }
+
+  EventProfile toProfile() {
+    return EventProfile(
+      name: name,
+      phone: '',
+      eventTitle: items.isEmpty ? '赛事信息' : items.first.eventName,
+      avatarUrl: avatar,
+    );
+  }
+}
+
+class EventRegistrationItem {
+  const EventRegistrationItem({
+    required this.eventId,
+    required this.itemId,
+    required this.scheduleId,
+    required this.eventName,
+    required this.itemName,
+    required this.groupName,
+    required this.matchPlace,
+    this.matchStartTime = '',
+    this.matchEndTime = '',
+    this.completed = false,
+    this.opponentId = '',
+    this.opponentName = '',
+    this.teamMembers,
+    this.userId = '',
+    this.playerName = '',
+    this.playerPhone = '',
+  });
+
+  final String eventId;
+  final String itemId;
+  final String scheduleId;
+  final String eventName;
+  final String itemName;
+  final String groupName;
+  final String matchPlace;
+  final String matchStartTime;
+  final String matchEndTime;
+  final bool completed;
+  final String opponentId;
+  final String opponentName;
+  final List<dynamic>? teamMembers;
+
+  /// 来自报名列表父级，不在 item JSON 内
+  final String userId;
+  final String playerName;
+  final String playerPhone;
+
+  String get scheduleTime =>
+      _formatScheduleTime(matchStartTime, matchEndTime);
+
+  String? get statusLabel => completed ? '已完成' : null;
+
+  factory EventRegistrationItem.fromJson(
+    Map<dynamic, dynamic> json, {
+    String userId = '',
+    String playerName = '',
+  }) {
+    final map = Map<String, dynamic>.from(json);
+    final startTime = _readString(map, const ['matchStartTime']);
+    final endTime = _readString(map, const ['matchEndTime']);
+    final teamMembersRaw = map['teamMembers'];
+    return EventRegistrationItem(
+      eventId: _readString(map, const ['eventId']),
+      itemId: _readString(map, const ['itemId']),
+      scheduleId: _readString(map, const ['scheduleId']),
+      eventName: _readString(map, const ['eventName'], fallback: '赛事信息'),
+      itemName: _readString(map, const ['itemName'], fallback: '未命名项目'),
+      groupName: _readString(map, const ['groupName']),
+      matchPlace: _readString(map, const ['matchPlace']),
+      matchStartTime: startTime,
+      matchEndTime: endTime,
+      completed: _readBool(map, const ['completed']),
+      opponentId: _readString(map, const ['opponentId']),
+      opponentName: _readString(map, const ['opponentName']),
+      teamMembers: teamMembersRaw is List
+          ? List<dynamic>.from(teamMembersRaw)
+          : null,
+      userId: userId,
+      playerName: playerName,
+    );
+  }
+
+  EventProfile toProfile() {
+    return EventProfile(
+      name: playerName,
+      phone: playerPhone,
+      eventTitle: eventName,
+    );
+  }
+
+  RecordingContext toRecordingContext({EventProfile? profile}) {
+    return RecordingContext(
+      eventTitle: eventName,
+      matchName: itemName,
+      group: groupName,
+      venue: matchPlace,
+      time: scheduleTime,
+      playerName: profile?.name ?? playerName,
+      playerPhone: profile?.phone ?? playerPhone,
+      status: statusLabel,
+    );
+  }
+}
+
+class StreamKeyResponse {
+  const StreamKeyResponse({required this.rawData});
+
+  final Map<String, dynamic> rawData;
+
+  factory StreamKeyResponse.fromJson(dynamic json) {
+    if (json is Map) {
+      return StreamKeyResponse(rawData: Map<String, dynamic>.from(json));
+    }
+    return StreamKeyResponse(rawData: {'value': json});
+  }
+
+  @override
+  String toString() => rawData.toString();
+}
+
+List<dynamic> _extractList(dynamic json) {
+  if (json is List) return json;
+  if (json is Map) {
+    for (final key in const ['records', 'items', 'rows', 'list', 'data']) {
+      final value = json[key];
+      if (value is List) return value;
+      if (value is Map) {
+        final nested = _extractList(value);
+        if (nested.isNotEmpty) return nested;
+      }
+    }
+  }
+  return const [];
+}
+
+Map<String, dynamic> _extractObject(dynamic json) {
+  if (json is Map) {
+    final map = Map<String, dynamic>.from(json);
+    final data = map['data'];
+    if (data is Map) return Map<String, dynamic>.from(data);
+    return map;
+  }
+  return const {};
+}
+
+String _readString(
+  Map<String, dynamic> map,
+  List<String> keys, {
+  String fallback = '',
+}) {
+  return _readNullableString(map, keys) ?? fallback;
+}
+
+String _formatScheduleTime(String startTime, String endTime) {
+  if (startTime.isNotEmpty && endTime.isNotEmpty) {
+    return '$startTime-$endTime';
+  }
+  if (startTime.isNotEmpty) return startTime;
+  if (endTime.isNotEmpty) return endTime;
+  return '';
+}
+
+int _readInt(Map<String, dynamic> map, List<String> keys, {int fallback = 0}) {
+  for (final key in keys) {
+    final value = _findValue(map, key);
+    if (value is int) return value;
+    if (value is num) return value.toInt();
+    if (value is String) {
+      final parsed = int.tryParse(value.trim());
+      if (parsed != null) return parsed;
+    }
+  }
+  return fallback;
+}
+
+bool _readBool(Map<String, dynamic> map, List<String> keys) {
+  for (final key in keys) {
+    final value = _findValue(map, key);
+    if (value is bool) return value;
+    if (value is num) return value != 0;
+    if (value is String) {
+      final text = value.trim().toLowerCase();
+      if (text == 'true' || text == '1') return true;
+      if (text == 'false' || text == '0') return false;
+    }
+  }
+  return false;
+}
+
+String? _readNullableString(Map<String, dynamic> map, List<String> keys) {
+  for (final key in keys) {
+    final value = _findValue(map, key);
+    if (value == null) continue;
+    final text = value.toString().trim();
+    if (text.isNotEmpty) return text;
+  }
+  return null;
+}
+
+dynamic _findValue(dynamic value, String key) {
+  if (value is Map) {
+    if (value.containsKey(key)) return value[key];
+    for (final child in value.values) {
+      final found = _findValue(child, key);
+      if (found != null) return found;
+    }
+  }
+  if (value is List) {
+    for (final child in value) {
+      final found = _findValue(child, key);
+      if (found != null) return found;
+    }
+  }
+  return null;
+}

lib/features/events/pages/page_event_info.dart

@@ -0,0 +1,354 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:recording_tool/app/router/app_navigator.dart';
+import 'package:recording_tool/features/events/model/model_event_info.dart';
+import 'package:recording_tool/features/events/state/state_event_info.dart';
+import 'package:recording_tool/features/events/view_model/view_model_event_info.dart';
+import 'package:recording_tool/shared/widgets/app_webview.dart';
+import 'package:recording_tool/shared/widgets/widgets.dart';
+
+class EventInfoPage extends ConsumerStatefulWidget {
+  const EventInfoPage({super.key, required this.playerId});
+  final String playerId;
+
+  @override
+  ConsumerState<EventInfoPage> createState() => _EventInfoPageState();
+}
+
+class _EventInfoPageState extends ConsumerState<EventInfoPage> {
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  Future<void> onItemTap(EventRegistrationItem item) async {
+    // debugPrint('item tapped: ${item.itemName}');
+    // await ref.read(eventInfoProvider.notifier).requestStreamKey(item);
+    if (!mounted) return;
+    // final profile = ref.read(eventInfoProvider).profile;
+
+    /// 个人赛
+    AppNavigator.push(
+      WebviewPage(
+        url: 'https://drone.apptest.sportsx.cc/#/pages/h5/score-entry',
+        eventRegistrationItem: item,
+        playerId: widget.playerId,
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final state = ref.watch(eventInfoProvider);
+    final profile = state.profile;
+
+    return Scaffold(
+      backgroundColor: Colors.white,
+      body: SafeArea(
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            _Header(onBack: () => AppNavigator.pop(context: context)),
+            Expanded(
+              child: SingleChildScrollView(
+                padding: EdgeInsets.fromLTRB(62.w, 8.h, 62.w, 40.h),
+                child: Column(
+                  children: [
+                    _ProfileSection(profile: profile),
+                    SizedBox(height: 20.h),
+                    Text(
+                      state.eventTitle,
+                      style: TextStyle(
+                        fontSize: 20.sp,
+                        height: 1.2,
+                        color: const Color(0xFF2F2F2F),
+                        fontWeight: FontWeight.w500,
+                      ),
+                    ),
+                    SizedBox(height: 24.h),
+                    SizedBox(
+                      height: 400.h,
+                      child: _ScheduleList(
+                        state: state,
+                        onRetry: () => ref
+                            .read(eventInfoProvider.notifier)
+                            .loadRegistrationList(),
+                        onItemTap: onItemTap,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _Header extends StatelessWidget {
+  const _Header({required this.onBack});
+
+  final VoidCallback onBack;
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: 52.h,
+      child: Align(
+        alignment: Alignment.centerLeft,
+        child: IconButton(
+          onPressed: onBack,
+          icon: Icon(Icons.arrow_back_ios_new, size: 32.r),
+          color: Colors.black,
+          tooltip: '返回',
+          padding: EdgeInsets.only(left: 16.w),
+          constraints: BoxConstraints(minWidth: 56.w, minHeight: 52.h),
+        ),
+      ),
+    );
+  }
+}
+
+class _ProfileSection extends StatelessWidget {
+  const _ProfileSection({required this.profile});
+
+  final EventProfile profile;
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        profile.avatarUrl.isEmpty
+            ? AppAvatar(size: 50.r)
+            : AppAvatar(size: 50.r, imageUrl: profile.avatarUrl),
+
+        SizedBox(width: 28.w),
+        Expanded(
+          child: Padding(
+            padding: EdgeInsets.only(top: 30.h),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  profile.name,
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  style: TextStyle(
+                    fontSize: 22.sp,
+                    height: 1.2,
+                    color: const Color(0xFF2F2F2F),
+                  ),
+                ),
+                SizedBox(height: 36.h),
+                Text(
+                  profile.phone,
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  style: TextStyle(
+                    fontSize: 22.sp,
+                    height: 1.2,
+                    color: const Color(0xFF2F2F2F),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class _ScheduleList extends StatelessWidget {
+  const _ScheduleList({
+    required this.state,
+    required this.onRetry,
+    required this.onItemTap,
+  });
+
+  final EventInfoState state;
+  final VoidCallback onRetry;
+  final ValueChanged<EventRegistrationItem> onItemTap;
+
+  @override
+  Widget build(BuildContext context) {
+    if (state.items.isEmpty) {
+      return Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Text(
+              '暂无赛事报名信息',
+              textAlign: TextAlign.center,
+              style: TextStyle(fontSize: 18.sp, color: const Color(0xFF2F2F2F)),
+            ),
+            SizedBox(height: 18.h),
+            TextButton(onPressed: onRetry, child: const Text('重新加载')),
+          ],
+        ),
+      );
+    }
+
+    return ListView.builder(
+      itemCount: state.items.length,
+      itemBuilder: (context, index) {
+        final item = state.items[index];
+        return _ScheduleCard(item: item, onTap: () => onItemTap(item));
+      },
+    );
+  }
+}
+
+class _ScheduleCard extends StatelessWidget {
+  const _ScheduleCard({required this.item, required this.onTap});
+
+  final EventRegistrationItem item;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      color: Colors.white,
+      child: InkWell(
+        onTap: onTap,
+        child: Container(
+          constraints: BoxConstraints(minHeight: 138.h),
+          padding: EdgeInsets.fromLTRB(10.w, 14.h, 14.w, 0),
+          decoration: BoxDecoration(
+            border: Border.all(color: const Color(0xFF7A7A7A)),
+          ),
+          child: Row(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      item.groupName.isEmpty
+                          ? item.itemName
+                          : '${item.itemName} （${item.groupName}）',
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                      style: TextStyle(
+                        fontSize: 20.sp,
+                        height: 1.2,
+                        color: const Color(0xFF2F2F2F),
+                        fontWeight: FontWeight.w500,
+                      ),
+                    ),
+                    SizedBox(height: 26.h),
+                    Text(
+                      item.matchPlace,
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                      style: TextStyle(
+                        fontSize: 20.sp,
+                        height: 1.2,
+                        color: const Color(0xFF2F2F2F),
+                      ),
+                    ),
+                    SizedBox(height: 26.h),
+                    Text(
+                      item.scheduleTime,
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                      style: TextStyle(
+                        fontSize: 20.sp,
+                        height: 1.2,
+                        color: const Color(0xFF2F2F2F),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              SizedBox(width: 12.w),
+              SizedBox(
+                width: 148.w,
+                height: 120.h,
+                child: Align(
+                  alignment: Alignment.center,
+                  child: _ScheduleBadge(item: item),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _ScheduleBadge extends StatelessWidget {
+  const _ScheduleBadge({required this.item});
+
+  final EventRegistrationItem item;
+
+  @override
+  Widget build(BuildContext context) {
+    if (item.statusLabel != null) {
+      return CustomPaint(
+        painter: _CutCornerBorderPainter(color: const Color(0xFF7A7A7A)),
+        child: SizedBox(
+          width: 148.w,
+          height: 90.h,
+          child: Center(
+            child: Text(
+              item.statusLabel!,
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+              style: TextStyle(fontSize: 20.sp, color: const Color(0xFF2F2F2F)),
+            ),
+          ),
+        ),
+      );
+    }
+
+    return Text(
+      item.matchPlace,
+      maxLines: 1,
+      overflow: TextOverflow.ellipsis,
+      style: TextStyle(
+        fontSize: 34.sp,
+        height: 1,
+        color: const Color(0xFF2F2F2F),
+        fontWeight: FontWeight.w700,
+      ),
+    );
+  }
+}
+
+class _CutCornerBorderPainter extends CustomPainter {
+  const _CutCornerBorderPainter({required this.color});
+
+  final Color color;
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    final side = 12.r;
+    final path = Path()
+      ..moveTo(side, 0)
+      ..lineTo(size.width - side, 0)
+      ..lineTo(size.width, side)
+      ..lineTo(size.width, size.height - side)
+      ..lineTo(size.width - side, size.height)
+      ..lineTo(side, size.height)
+      ..lineTo(0, size.height - side)
+      ..lineTo(0, side)
+      ..close();
+    final paint = Paint()
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = 1
+      ..color = color;
+    canvas.drawPath(path, paint);
+  }
+
+  @override
+  bool shouldRepaint(covariant _CutCornerBorderPainter oldDelegate) {
+    return oldDelegate.color != color;
+  }
+}

lib/features/events/server/server_events.dart

@@ -0,0 +1,37 @@
+import 'package:dio/dio.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:recording_tool/app/config/api_common.dart';
+import 'package:recording_tool/core/network/api_client.dart';
+import 'package:recording_tool/core/network/http_method.dart';
+import 'package:recording_tool/core/network/providers/dio_providers.dart';
+import 'package:recording_tool/features/events/model/model_event_info.dart';
+
+final eventsServerProvider = Provider<EventsServer>((ref) {
+  return EventsServer(ref.watch(apiClientProvider));
+});
+
+class EventsServer {
+  const EventsServer(this._apiClient);
+
+  final ApiClient _apiClient;
+
+  Future<EventRegistrationList> fetchPlayerRegistrationList(
+    PlayerRegistrationListReq req,
+  ) {
+    return _apiClient.request<EventRegistrationList>(
+      AuthApi.playerRegistrationList.path,
+      method: HttpMethod.get,
+      data: FormData.fromMap(req.toFormDataMap()),
+      parser: EventRegistrationList.fromJson,
+    );
+  }
+
+  Future<StreamKeyResponse> fetchStreamKey(StreamKeyReq req) {
+    return _apiClient.request<StreamKeyResponse>(
+      AuthApi.getStreamKey.path,
+      method: HttpMethod.get,
+      data: FormData.fromMap(req.toFormDataMap()),
+      parser: StreamKeyResponse.fromJson,
+    );
+  }
+}

lib/features/events/state/state_event_info.dart

@@ -0,0 +1,33 @@
+import 'package:recording_tool/features/events/model/model_event_info.dart';
+
+class EventInfoState {
+  const EventInfoState({
+    this.isRequestingStreamKey = false,
+    this.profile = const EventProfile(name: '', phone: '', eventTitle: '赛事信息'),
+    this.total = 0,
+    this.items = const [],
+  });
+
+  final bool isRequestingStreamKey;
+  final EventProfile profile;
+  final int total;
+  final List<EventRegistrationItem> items;
+
+  String get eventTitle =>
+      items.isEmpty ? profile.eventTitle : items.first.eventName;
+
+  EventInfoState copyWith({
+    bool? isRequestingStreamKey,
+    EventProfile? profile,
+    int? total,
+    List<EventRegistrationItem>? items,
+  }) {
+    return EventInfoState(
+      isRequestingStreamKey:
+          isRequestingStreamKey ?? this.isRequestingStreamKey,
+      profile: profile ?? this.profile,
+      total: total ?? this.total,
+      items: items ?? this.items,
+    );
+  }
+}

lib/features/events/view_model/view_model_event_info.dart

@@ -0,0 +1,77 @@
+import 'package:flutter/foundation.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_riverpod/legacy.dart';
+import 'package:recording_tool/core/network/api_exception.dart';
+import 'package:recording_tool/features/events/model/model_event_info.dart';
+import 'package:recording_tool/features/events/server/server_events.dart';
+import 'package:recording_tool/features/events/state/state_event_info.dart';
+import 'package:recording_tool/shared/widgets/app_toast.dart';
+
+final eventInfoProvider =
+    StateNotifierProvider<EventInfoViewModel, EventInfoState>((ref) {
+      return EventInfoViewModel(ref);
+    });
+
+class EventInfoViewModel extends StateNotifier<EventInfoState> {
+  EventInfoViewModel(this._ref) : super(const EventInfoState());
+
+  static const defaultRegistrationRequest = PlayerRegistrationListReq(
+    userId: '',
+    status: '',
+  );
+
+  static const _fallbackEventId = '';
+  static const _fallbackItemId = '';
+  static const _fallbackStreamUserId = '';
+
+  final Ref _ref;
+
+  Future<bool> loadRegistrationList({
+    PlayerRegistrationListReq request = defaultRegistrationRequest,
+  }) async {
+    if (request.userId.isEmpty) {
+      return false;
+    }
+    try {
+      final result = await _ref
+          .read(eventsServerProvider)
+          .fetchPlayerRegistrationList(request);
+      debugPrint('报名列表请求成功: $result');
+      state = state.copyWith(
+        profile: result.toProfile(),
+        total: result.total,
+        items: result.items,
+      );
+      return true;
+    } catch (error) {
+      debugPrint('报名列表请求失败: $error');
+      AppToast.show('报名列表加载失败');
+      return false;
+    }
+  }
+
+  Future<void> requestStreamKey(EventRegistrationItem item) async {
+    state = state.copyWith(isRequestingStreamKey: true);
+    final req = StreamKeyReq(
+      eventId: item.eventId.isNotEmpty ? item.eventId : _fallbackEventId,
+      itemId: item.itemId.isNotEmpty ? item.itemId : _fallbackItemId,
+      userId: item.userId.isNotEmpty ? item.userId : _fallbackStreamUserId,
+    );
+
+    try {
+      final response = await _ref
+          .read(eventsServerProvider)
+          .fetchStreamKey(req);
+      debugPrint('推流 Key 接口响应: $response');
+      state = state.copyWith(isRequestingStreamKey: false);
+    } on ApiException catch (error) {
+      debugPrint('推流 Key 接口请求失败: ${error.message}');
+      state = state.copyWith(isRequestingStreamKey: false);
+      AppToast.show(error.message);
+    } catch (error) {
+      debugPrint('推流 Key 接口请求失败: $error');
+      state = state.copyWith(isRequestingStreamKey: false);
+      AppToast.show('推流 Key 获取失败');
+    }
+  }
+}

lib/features/recording/model/model_clipboard.dart

@@ -1,61 +0,0 @@
-/// 小程序复制到剪切板的录制信息。
-class ClipboardRecordingModel {
-  final String title;
-  int? startTimestamp;
-  int? endTimestamp;
-  final String address;
-
-  /// 录制文件名模板，如「选手名称_选手ID_赛事名称_赛项」。
-  final String? filename;
-
-  ClipboardRecordingModel({
-    required this.title,
-    this.startTimestamp,
-    this.endTimestamp,
-    required this.address,
-    this.filename,
-  });
-
-  factory ClipboardRecordingModel.fromJson(Map<String, dynamic> json) {
-    return ClipboardRecordingModel(
-      title: _readString(json, 'title'),
-      startTimestamp: _readOptionalInt(json, 'startTimestamp'),
-      endTimestamp: _readOptionalInt(json, 'endTimestamp'),
-      address: _readString(json, 'address'),
-      filename: _readOptionalString(json, 'filename'),
-    );
-  }
-
-  Map<String, dynamic> toJson() {
-    return {
-      'title': title,
-      'startTimestamp': startTimestamp,
-      'endTimestamp': endTimestamp,
-      'address': address,
-      if (filename != null) 'filename': filename,
-    };
-  }
-
-  static String? _readOptionalString(Map<String, dynamic> json, String key) {
-    final value = json[key];
-    if (value == null) return null;
-    if (value is String && value.isNotEmpty) return value;
-    if (value is! String) {
-      throw FormatException('Clipboard field "$key" must be a String.');
-    }
-    return null;
-  }
-
-  static String _readString(Map<String, dynamic> json, String key) {
-    final value = json[key];
-    if (value is String) return value;
-    throw FormatException('Clipboard field "$key" must be a String.');
-  }
-
-  static int? _readOptionalInt(Map<String, dynamic> json, String key) {
-    final value = json[key];
-    if (value == null) return null;
-    if (value is int) return value;
-    throw FormatException('Clipboard field "$key" must be an int.');
-  }
-}

lib/features/recording/model/model_recording.dart

@@ -1,51 +1,26 @@
-import 'package:recording_tool/features/recording/model/model_clipboard.dart';
+import 'package:recording_tool/features/recording/model/model_recording_context.dart';
 import 'package:recording_tool/features/recording/model/model_recording_session.dart';
 
 class RecordingModel {
-  /// 剪切板内容
+  /// 从赛事项进入录制页时传入的录制上下文。
-  final ClipboardRecordingModel clipboardRecordingModel;
+  final RecordingContext recordingContext;
-
-  /// 剪切板是否包含有效的小程序录制信息
-  final bool hasValidClipboardInfo;
 
   /// 录制会话状态
   final RecordingSessionState session;
 
   RecordingModel({
-    required this.clipboardRecordingModel,
+    required this.recordingContext,
-    this.hasValidClipboardInfo = false,
     this.session = const RecordingSessionState(),
   });
 
   bool get isRecording => session.isRecording;
 
-  factory RecordingModel.fromJson(Map<String, dynamic> json) {
-    return RecordingModel(
-      clipboardRecordingModel: ClipboardRecordingModel.fromJson(
-        json['clipboardRecordingModel'],
-      ),
-    );
-  }
-  Map<String, dynamic> toJson() {
-    return {'clipboardRecordingModel': clipboardRecordingModel.toJson()};
-  }
-
-  /// 剪切板是否包含可用于命名的 [ClipboardRecordingModel.filename]。
-  bool get hasClipboardFilename {
-    final name = clipboardRecordingModel.filename?.trim();
-    return hasValidClipboardInfo && name != null && name.isNotEmpty;
-  }
-
   RecordingModel copyWith({
-    ClipboardRecordingModel? clipboardRecordingModel,
+    RecordingContext? recordingContext,
-    bool? hasValidClipboardInfo,
     RecordingSessionState? session,
   }) {
     return RecordingModel(
-      clipboardRecordingModel:
+      recordingContext: recordingContext ?? this.recordingContext,
-          clipboardRecordingModel ?? this.clipboardRecordingModel,
-      hasValidClipboardInfo:
-          hasValidClipboardInfo ?? this.hasValidClipboardInfo,
       session: session ?? this.session,
     );
   }

lib/features/recording/model/model_recording_context.dart

@@ -0,0 +1,55 @@
+class RecordingContext {
+  const RecordingContext({
+    required this.eventTitle,
+    required this.matchName,
+    required this.group,
+    required this.venue,
+    required this.time,
+    required this.playerName,
+    required this.playerPhone,
+    this.laneNo,
+    this.status,
+  });
+
+  const RecordingContext.empty()
+    : eventTitle = '',
+      matchName = '',
+      group = '',
+      venue = '',
+      time = '',
+      playerName = '',
+      playerPhone = '',
+      laneNo = null,
+      status = null;
+
+  final String eventTitle;
+  final String matchName;
+  final String group;
+  final String venue;
+  final String time;
+  final String playerName;
+  final String playerPhone;
+  final String? laneNo;
+  final String? status;
+
+  String get title => '$matchName $group';
+
+  String get address => venue;
+
+  String get displayName {
+    final parts = [
+      playerName,
+      matchName,
+      group,
+      if (laneNo != null && laneNo!.trim().isNotEmpty) laneNo!,
+    ];
+    return parts.map(_sanitize).where((part) => part.isNotEmpty).join('_');
+  }
+
+  static String _sanitize(String value) {
+    return value
+        .trim()
+        .replaceAll(RegExp(r'[\\/:*?"<>|]'), '_')
+        .replaceAll(RegExp(r'\s+'), '_');
+  }
+}

lib/features/recording/model/model_recording_session.dart

@@ -7,30 +7,38 @@ class RecordingSessionState {
     this.isTouchLocked = true,
     this.isPreviewReady = false,
     this.isStartingRecording = false,
+    this.isSwitchingLens = false,
     this.hasDndAccess = false,
     this.isBatteryOptimizedIgnored = true,
     this.notificationsGranted = true,
     this.isMicrophoneGranted = false,
-    this.lastOutputPath,
+    this.zoomRatio = 1.0,
-    this.lastSavedDisplayName,
+    this.minZoomRatio = 1.0,
+    this.maxZoomRatio = 3.0,
+    this.lastStreamUrl,
     this.errorMessage,
     this.permissionWarning,
-    this.gallerySaveFailed = false,
+    this.streamFinished = false,
+    this.streamFailed = false,
   });
 
   final RecordingStatus status;
   final bool isTouchLocked;
   final bool isPreviewReady;
   final bool isStartingRecording;
+  final bool isSwitchingLens;
   final bool hasDndAccess;
   final bool isBatteryOptimizedIgnored;
   final bool notificationsGranted;
   final bool isMicrophoneGranted;
-  final String? lastOutputPath;
+  final double zoomRatio;
-  final String? lastSavedDisplayName;
+  final double minZoomRatio;
+  final double maxZoomRatio;
+  final String? lastStreamUrl;
   final String? errorMessage;
   final String? permissionWarning;
-  final bool gallerySaveFailed;
+  final bool streamFinished;
+  final bool streamFailed;
 
   bool get isRecording => status.isRecording;
 
@@ -47,37 +55,47 @@ class RecordingSessionState {
     bool? isTouchLocked,
     bool? isPreviewReady,
     bool? isStartingRecording,
+    bool? isSwitchingLens,
     bool? hasDndAccess,
     bool? isBatteryOptimizedIgnored,
     bool? notificationsGranted,
     bool? isMicrophoneGranted,
-    String? lastOutputPath,
+    double? zoomRatio,
-    String? lastSavedDisplayName,
+    double? minZoomRatio,
+    double? maxZoomRatio,
+    String? lastStreamUrl,
     String? errorMessage,
     String? permissionWarning,
-    bool? gallerySaveFailed,
+    bool? streamFinished,
+    bool? streamFailed,
     bool clearPermissionWarning = false,
-    bool clearLastSaved = false,
+    bool clearStreamResult = false,
   }) {
     return RecordingSessionState(
       status: status ?? this.status,
       isTouchLocked: isTouchLocked ?? this.isTouchLocked,
       isPreviewReady: isPreviewReady ?? this.isPreviewReady,
       isStartingRecording: isStartingRecording ?? this.isStartingRecording,
+      isSwitchingLens: isSwitchingLens ?? this.isSwitchingLens,
       hasDndAccess: hasDndAccess ?? this.hasDndAccess,
       isBatteryOptimizedIgnored:
           isBatteryOptimizedIgnored ?? this.isBatteryOptimizedIgnored,
       notificationsGranted: notificationsGranted ?? this.notificationsGranted,
       isMicrophoneGranted: isMicrophoneGranted ?? this.isMicrophoneGranted,
-      lastOutputPath: lastOutputPath ?? this.lastOutputPath,
+      zoomRatio: zoomRatio ?? this.zoomRatio,
-      lastSavedDisplayName: clearLastSaved
+      minZoomRatio: minZoomRatio ?? this.minZoomRatio,
-          ? null
+      maxZoomRatio: maxZoomRatio ?? this.maxZoomRatio,
-          : (lastSavedDisplayName ?? this.lastSavedDisplayName),
+      lastStreamUrl: lastStreamUrl ?? this.lastStreamUrl,
       errorMessage: errorMessage,
       permissionWarning: clearPermissionWarning
           ? null
           : (permissionWarning ?? this.permissionWarning),
-      gallerySaveFailed: gallerySaveFailed ?? this.gallerySaveFailed,
+      streamFinished: clearStreamResult
+          ? false
+          : (streamFinished ?? this.streamFinished),
+      streamFailed: clearStreamResult
+          ? false
+          : (streamFailed ?? this.streamFailed),
     );
   }
 }

lib/features/recording/pages/page_record.dart

@@ -1,15 +1,16 @@
 import 'dart:io';
 
+import 'package:apivideo_live_stream/apivideo_live_stream.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:permission_handler/permission_handler.dart';
+import 'package:recording_tool/app/router/app_navigator.dart';
 import 'package:recording_tool/core/platform/app_platform_info.dart';
 import 'package:recording_tool/core/platform/device_health_checker.dart';
-import 'package:recording_tool/features/dialog/dialog-record.dart';
+import 'package:recording_tool/features/recording/dialog/dialog-record.dart';
-import 'package:recording_tool/features/recording/model/model_recording.dart';
+import 'package:recording_tool/features/recording/model/model_recording_context.dart';
 import 'package:recording_tool/features/recording/platform/recording_platform.dart';
-import 'package:recording_tool/features/recording/utils/recording_display_name.dart';
 import 'package:recording_tool/features/recording/view-model/view_model_recording.dart';
 import 'package:recording_tool/features/recording/widgets/widget_camera_preview.dart';
 import 'package:recording_tool/features/recording/widgets/widget_record_footer.dart';
@@ -19,11 +20,20 @@ import 'package:recording_tool/features/recording/widgets/widget_recording_hud.d
 import 'package:recording_tool/features/recording/widgets/widget_recording_loading_overlay.dart';
 import 'package:recording_tool/features/recording/widgets/widget_recording_saved_dialog.dart';
 import 'package:recording_tool/features/recording/widgets/widget_recording_touch_lock_overlay.dart';
+import 'package:recording_tool/features/scan_qrcode/pages/page_scan_qrcode.dart';
+import 'package:recording_tool/features/scan_qrcode/utils/rtmp_stream_target.dart';
 import 'package:recording_tool/shared/widgets/widgets.dart';
 
 /// 录制页入口
 class RecordingPage extends ConsumerStatefulWidget {
-  const RecordingPage({super.key});
+  const RecordingPage({
+    super.key,
+    required this.recordingContext,
+    required this.streamUrl,
+  });
+
+  final RecordingContext recordingContext;
+  final String streamUrl;
 
   @override
   /// 创建页面状态
@@ -31,13 +41,60 @@ class RecordingPage extends ConsumerStatefulWidget {
 }
 
 class _RecordingPageState extends ConsumerState<RecordingPage> {
+  late final ApiVideoLiveStreamController _streamController;
   var _immersiveApplied = false;
+  var _previewReady = false;
+  var _stoppingByUser = false;
+  var _controllerDisposed = false;
+  String? _mainCameraId;
+  String? _ultraWideCameraId;
+  double _ultraWideZoomRatio = 1.0;
 
   @override
   /// 首帧后初始化录制流程
   void initState() {
     super.initState();
-    WidgetsBinding.instance.addPostFrameCallback((_) => _bootstrap());
+    _streamController = ApiVideoLiveStreamController(
+      initialAudioConfig: AudioConfig(bitrate: 128000),
+      initialVideoConfig: VideoConfig.withDefaultBitrate(
+        resolution: Resolution.RESOLUTION_1080,
+        fps: 30,
+      ),
+      onConnectionSuccess: () => {debugPrint('推流成功')},
+      onConnectionFailed: (reason) {
+        debugPrint('推流失败');
+
+        if (!mounted) return;
+        ref
+            .read(recordingViewModelProvider.notifier)
+            .markRecordingStartFailed('推流失败: $reason');
+      },
+      onDisconnection: () {
+        debugPrint('推流连接已断开');
+
+        if (!mounted || _stoppingByUser) return;
+        final isRecording = ref.read(recordingViewModelProvider).isRecording;
+        if (isRecording) {
+          ref
+              .read(recordingViewModelProvider.notifier)
+              .markRecordingStopped(errorMessage: '推流连接已断开');
+        }
+      },
+      onError: (error) {
+        debugPrint('推流失败：${error.toString()}');
+        if (!mounted) return;
+        ref
+            .read(recordingViewModelProvider.notifier)
+            .setError(error.toString());
+      },
+    );
+
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      ref
+          .read(recordingViewModelProvider.notifier)
+          .setRecordingContext(widget.recordingContext);
+      _bootstrap();
+    });
   }
 
   /// 检查设备健康状态并弹窗提示
@@ -55,23 +112,81 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
     );
   }
 
-  /// 页面启动：健康检查、读剪贴板、进入录制模式、准备相机会话
+  /// 页面启动：健康检查、进入录制模式、准备相机会话
   Future<void> _bootstrap() async {
     await _checkAndShowDeviceHealthAlerts();
     if (!mounted) return;
 
-    final clipboardResult = await ref
-        .read(recordingViewModelProvider.notifier)
-        .getClipboardContent();
-    if (!mounted) return;
-    if (clipboardResult == ClipboardReadResult.invalid) {
-      AppToast.show('无选手信息');
-    }
     await _enterRecordingMode();
-    // Allow PlatformView to attach before binding CameraX preview.
-    await Future<void>.delayed(const Duration(milliseconds: 400));
     if (!mounted) return;
     await ref.read(recordingViewModelProvider.notifier).prepareSession();
+    if (!mounted) return;
+    await _initializeLiveStreamPreview();
+  }
+
+  Future<void> _initializeLiveStreamPreview() async {
+    try {
+      await _streamController.initialize();
+      if (!mounted) return;
+      setState(() => _previewReady = true);
+      ref
+          .read(recordingViewModelProvider.notifier)
+          .setPreviewReady(ready: true);
+      await _loadBackCameraCapabilities();
+    } on PlatformException catch (error) {
+      if (!mounted) return;
+      ref
+          .read(recordingViewModelProvider.notifier)
+          .setPreviewReady(
+            ready: false,
+            errorMessage: error.message ?? '相机预览初始化失败',
+          );
+      if (mounted) setState(() => _previewReady = false);
+    } catch (error) {
+      if (!mounted) return;
+      ref
+          .read(recordingViewModelProvider.notifier)
+          .setPreviewReady(ready: false, errorMessage: '相机预览初始化失败: $error');
+      setState(() => _previewReady = false);
+    }
+  }
+
+  Future<void> _loadBackCameraCapabilities() async {
+    try {
+      final cameras = await _streamController.getBackCameras();
+      if (cameras.isEmpty) return;
+      final main = cameras.first;
+      final widest = cameras.reduce(
+        (current, next) =>
+            next.horizontalFov > current.horizontalFov ? next : current,
+      );
+      _mainCameraId = main.cameraId;
+      if (widest.cameraId != main.cameraId &&
+          widest.horizontalFov > main.horizontalFov * 1.08 &&
+          main.minFocalLength > 0) {
+        _ultraWideCameraId = widest.cameraId;
+        _ultraWideZoomRatio = (widest.minFocalLength / main.minFocalLength)
+            .clamp(0.4, 0.9)
+            .toDouble();
+      }
+      ref
+          .read(recordingViewModelProvider.notifier)
+          .updateZoomCapabilities(
+            zoomRatio: 1.0,
+            minZoomRatio: _ultraWideCameraId == null
+                ? 1.0
+                : _ultraWideZoomRatio,
+            maxZoomRatio: 1.0,
+          );
+    } catch (_) {
+      ref
+          .read(recordingViewModelProvider.notifier)
+          .updateZoomCapabilities(
+            zoomRatio: 1.0,
+            minZoomRatio: 1.0,
+            maxZoomRatio: 1.0,
+          );
+    }
   }
 
   /// Android 进入沉浸式全屏
@@ -82,43 +197,6 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
     _immersiveApplied = true;
   }
 
-  /// 解析保存成功弹窗的标题文案
-  String _savedDialogSessionTitle(
-    RecordingModel recordingInfo,
-    String? savedName,
-  ) {
-    final clipboard = recordingInfo.clipboardRecordingModel;
-    if (recordingInfo.hasValidClipboardInfo &&
-        clipboard.title.trim().isNotEmpty) {
-      return clipboard.title.trim();
-    }
-    if (savedName != null && savedName.isNotEmpty) {
-      return resolveRecordingDisplayName(savedName);
-    }
-    return '录制完成';
-  }
-
-  /// 从剪贴板粘贴赛事信息（与 header「粘贴选手信息」一致）。
-  Future<void> _pasteEventInfo() async {
-    final result = await ref
-        .read(recordingViewModelProvider.notifier)
-        .getClipboardContent();
-    if (!mounted) return;
-    if (result != ClipboardReadResult.success) {
-      AppToast.show('无选手信息');
-    }
-  }
-
-  /// 无选手信息时弹窗提示
-  Future<void> _showNoPlayerInfoDialog() {
-    return RecordDialog.showSingle(
-      context,
-      title: '无选手信息！',
-      buttonText: '粘贴',
-      onPressed: _pasteEventInfo,
-    );
-  }
-
   /// 根据缺失权限生成弹窗文案。
   String _recordingPermissionDialogTitle(RecordingRequiredPermissions result) {
     if (!result.cameraGranted && !result.microphoneGranted) {
@@ -153,61 +231,109 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
     return false;
   }
 
-  /// 点击开始录制：校验剪贴板、权限与健康状态
+  /// 点击开始录制：校验推流地址、权限与健康状态
   Future<void> _onStartRecording() async {
-    final recordingInfo = ref.read(recordingViewModelProvider);
+    if (widget.streamUrl.trim().isEmpty) {
-    if (!recordingInfo.hasClipboardFilename) {
+      AppToast.show('推流地址为空，请重新进入录制页');
-      await _showNoPlayerInfoDialog();
       return;
     }
     if (!await _ensureRecordingPermissions()) return;
     if (!mounted) return;
     await _checkAndShowDeviceHealthAlerts();
     if (!mounted) return;
-    await ref.read(recordingViewModelProvider.notifier).startRecording();
+    final viewModel = ref.read(recordingViewModelProvider.notifier);
+    viewModel.markStartingRecording();
+    try {
+      final target = RtmpStreamTarget.parse(widget.streamUrl);
+      await _streamController.startStreaming(
+        streamKey: target.streamKey,
+        url: target.url,
+      );
+      if (!mounted) return;
+      await viewModel.markRecordingStarted(target.fullUrl);
+    } on FormatException catch (error) {
+      viewModel.markRecordingStartFailed(error.message);
+      AppToast.show(error.message);
+    } on PlatformException catch (error) {
+      final message = error.message ?? error.code;
+      viewModel.markRecordingStartFailed('推流失败: $message');
+      AppToast.show('推流失败: $message');
+    } catch (error) {
+      viewModel.markRecordingStartFailed('推流失败: $error');
+      AppToast.showError(error);
+    }
   }
 
-  /// 停止录制并按结果显示保存提示。
+  /// 停止录制并按结果显示推流提示。
   Future<void> _stopRecordingAndShowResult() async {
-    await ref.read(recordingViewModelProvider.notifier).stopRecording();
+    final viewModel = ref.read(recordingViewModelProvider.notifier);
+    _stoppingByUser = true;
+    try {
+      await _streamController.stopStreaming();
       if (!mounted) return;
-    final latest = ref.read(recordingViewModelProvider).session;
+      await viewModel.markRecordingStopped();
-    if (latest.gallerySaveFailed) {
+    } on PlatformException catch (error) {
-      AppToast.show(latest.errorMessage ?? '保存到相册失败，请开启相册权限');
+      final message = error.message ?? error.code;
+      await viewModel.markRecordingStopped(errorMessage: '停止推流失败: $message');
+      AppToast.show('停止推流失败: $message');
+      return;
+    } catch (error) {
+      await viewModel.markRecordingStopped(errorMessage: '停止推流失败: $error');
+      AppToast.showError(error);
+      return;
+    } finally {
+      _stoppingByUser = false;
+    }
+    await _showRecordingFinishedDialogIfNeeded();
+  }
+
+  Future<void> _setCameraZoomRatio(double ratio) async {
+    final viewModel = ref.read(recordingViewModelProvider.notifier);
+    final targetCameraId = ratio < 1.0 ? _ultraWideCameraId : _mainCameraId;
+    if (targetCameraId == null) {
+      viewModel.setError('当前设备不支持该镜头');
       return;
     }
-    await _showRecordingSavedDialogIfNeeded();
+    viewModel.markLensSwitching(true);
+    try {
+      await _streamController.setCameraId(targetCameraId);
+      viewModel.setZoomRatioValue(ratio < 1.0 ? _ultraWideZoomRatio : 1.0);
+    } on PlatformException catch (error) {
+      final isRecording = ref.read(recordingViewModelProvider).isRecording;
+      final message = isRecording
+          ? '推流中切换镜头失败，请停止后重试'
+          : (error.message ?? '切换镜头失败，请重试');
+      viewModel.setError(message);
+    } catch (_) {
+      final isRecording = ref.read(recordingViewModelProvider).isRecording;
+      viewModel.setError(isRecording ? '推流中切换镜头失败，请停止后重试' : '切换镜头失败，请重试');
+    } finally {
+      viewModel.markLensSwitching(false);
+    }
   }
 
-  /// 清空剪贴板信息，准备新一轮录制
+  /// 返回扫码页，准备新一轮录制。
-  void _clearClipboardForNewRound() {
+  void _recordNewRound() {
-    final notifier = ref.read(recordingViewModelProvider.notifier);
+    AppNavigator.pushAndRemoveUntil(const ScanQrCodePage());
-    notifier.resetClipboardInfo();
-    notifier.clearSavedRecordingResult();
   }
 
-  /// 保存成功后按需弹出完成对话框
+  /// 推流结束后按需弹出完成对话框
-  Future<void> _showRecordingSavedDialogIfNeeded() async {
+  Future<void> _showRecordingFinishedDialogIfNeeded() async {
     final recordingInfo = ref.read(recordingViewModelProvider);
     final session = recordingInfo.session;
-    if (session.lastSavedDisplayName == null || session.gallerySaveFailed) {
+    if (!session.streamFinished || session.streamFailed) {
       return;
     }
 
-    final sessionTitle = _savedDialogSessionTitle(
-      recordingInfo,
-      session.lastSavedDisplayName,
-    );
-
     await showRecordingSavedDialog(
       context,
-      sessionTitle: sessionTitle,
+      sessionTitle: recordingInfo.recordingContext.title,
       onContinueRound: () {
         ref
             .read(recordingViewModelProvider.notifier)
             .clearSavedRecordingResult();
       },
-      onRecordNewRound: _clearClipboardForNewRound,
+      onRecordNewRound: _recordNewRound,
     );
   }
 
@@ -215,6 +341,7 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
   Future<void> _exitRecordingMode() async {
     if (!_immersiveApplied) return;
     await ref.read(recordingViewModelProvider.notifier).teardown();
+    await _disposeStreamController();
     await SystemChrome.setEnabledSystemUIMode(
       SystemUiMode.manual,
       overlays: SystemUiOverlay.values,
@@ -233,9 +360,17 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
       );
       RecordingPlatform.setImmersiveMode(enabled: false);
     }
+    _disposeStreamController();
     super.dispose();
   }
 
+  Future<void> _disposeStreamController() async {
+    if (_controllerDisposed) return;
+    _controllerDisposed = true;
+    await _streamController.stop();
+    await _streamController.dispose();
+  }
+
   @override
   /// 构建录制页 UI
   Widget build(BuildContext context) {
@@ -245,19 +380,20 @@ class _RecordingPageState extends ConsumerState<RecordingPage> {
         backgroundColor: Colors.black,
         body: Column(
           children: [
-            _RecordHeaderSection(
+            const _RecordHeaderSection(),
-              onPasteEventInfo: _pasteEventInfo,
-              onClearEventInfo: _clearClipboardForNewRound,
-            ),
             Expanded(
               child: Stack(
                 children: [
-                  const CameraPreviewWidget(),
+                  CameraPreviewWidget(
+                    controller: _streamController,
+                    isReady: _previewReady,
+                  ),
                   const _PreviewLoadingLayer(),
                   const RecordTimerWidget(),
                   _RecordingHudLayer(
                     onStart: _onStartRecording,
                     onStop: _stopRecordingAndShowResult,
+                    onZoomSelected: _setCameraZoomRatio,
                   ),
                   _TouchLockOverlayLayer(
                     onStopRecording: _stopRecordingAndShowResult,
@@ -306,34 +442,18 @@ class _RecordingPopScope extends ConsumerWidget {
 }
 
 class _RecordHeaderSection extends ConsumerWidget {
-  const _RecordHeaderSection({
+  const _RecordHeaderSection();
-    required this.onPasteEventInfo,
-    required this.onClearEventInfo,
-  });
-
-  final Future<void> Function() onPasteEventInfo;
-  final VoidCallback onClearEventInfo;
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final headerState = ref.watch(
       recordingViewModelProvider.select(
-        (m) => (
+        (m) => (m.recordingContext.title, m.session.isRecording),
-          m.hasValidClipboardInfo,
-          m.hasValidClipboardInfo ? m.clipboardRecordingModel.title : null,
-          m.session.isRecording,
-        ),
       ),
     );
-    final (hasValidClipboardInfo, eventTitle, isRecording) = headerState;
+    final (eventTitle, isRecording) = headerState;
 
-    return RecordHeaderWidget(
+    return RecordHeaderWidget(eventTitle: eventTitle, isRecording: isRecording);
-      hasValidClipboardInfo: hasValidClipboardInfo,
-      eventTitle: eventTitle,
-      isRecording: isRecording,
-      onPasteEventInfo: onPasteEventInfo,
-      onClearEventInfo: onClearEventInfo,
-    );
   }
 }
 
@@ -360,10 +480,12 @@ class _RecordingHudLayer extends ConsumerWidget {
   const _RecordingHudLayer({
     required this.onStart,
     required this.onStop,
+    required this.onZoomSelected,
   });
 
   final Future<void> Function() onStart;
   final Future<void> Function() onStop;
+  final ValueChanged<double> onZoomSelected;
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
@@ -377,9 +499,12 @@ class _RecordingHudLayer extends ConsumerWidget {
           m.session.notificationsGranted,
           m.session.isRecording,
           m.session.isStartingRecording,
+          m.session.isSwitchingLens,
           m.session.isTouchLocked,
-          m.hasValidClipboardInfo,
+          m.session.zoomRatio,
-          m.clipboardRecordingModel.address.trim(),
+          m.session.minZoomRatio,
+          m.session.maxZoomRatio,
+          m.recordingContext.address.trim(),
         ),
       ),
     );
@@ -391,9 +516,12 @@ class _RecordingHudLayer extends ConsumerWidget {
       notificationsGranted,
       isRecording,
       isStartingRecording,
+      isSwitchingLens,
       isTouchLocked,
-      showClipboardHint,
+      zoomRatio,
-      clipboardAddress,
+      minZoomRatio,
+      maxZoomRatio,
+      venue,
     ) = hudState;
     final viewModel = ref.read(recordingViewModelProvider.notifier);
 
@@ -405,9 +533,13 @@ class _RecordingHudLayer extends ConsumerWidget {
       notificationsGranted: notificationsGranted,
       isRecording: isRecording,
       isStartingRecording: isStartingRecording,
+      isSwitchingLens: isSwitchingLens,
       isTouchLocked: isTouchLocked,
-      showClipboardHint: showClipboardHint,
+      zoomRatio: zoomRatio,
-      clipboardAddress: clipboardAddress,
+      minZoomRatio: minZoomRatio,
+      maxZoomRatio: maxZoomRatio,
+      showContextHint: venue.isNotEmpty,
+      contextAddress: venue,
       onStart: onStart,
       onStop: onStop,
       onOpenDnd: () async {
@@ -419,9 +551,13 @@ class _RecordingHudLayer extends ConsumerWidget {
         await viewModel.refreshBatteryOptimization();
       },
       onToggleTouchLock: () {
-        final locked = ref.read(recordingViewModelProvider).session.isTouchLocked;
+        final locked = ref
+            .read(recordingViewModelProvider)
+            .session
+            .isTouchLocked;
         viewModel.setTouchLocked(!locked);
       },
+      onZoomSelected: onZoomSelected,
     );
   }
 }
@@ -472,7 +608,7 @@ class _StartingRecordingOverlay extends ConsumerWidget {
     }
 
     return RecordingLoadingOverlayWidget(
-      message: '正在开始录制…',
+      message: '正在连接推流…',
       backgroundColor: Colors.black.withValues(alpha: 0.24),
     );
   }

lib/features/recording/platform/recording_channel_names.dart

@@ -1,5 +1,5 @@
 abstract final class RecordingChannelNames {
-  static const packageName = 'com.qxy.dronex';
+  static const namespace = 'app.record_tool';
-  static const method = '$packageName/recording';
+  static const method = '$namespace/recording';
-  static const events = '$packageName/recording_events';
+  static const events = '$namespace/recording_events';
 }

lib/features/recording/platform/recording_platform.dart

@@ -1,4 +1,3 @@
-import 'dart:async';
 import 'dart:io';
 
 import 'package:flutter/services.dart';
@@ -22,20 +21,20 @@ enum RecordingState {
 class RecordingStatus {
   const RecordingStatus({
     required this.state,
-    this.outputPath,
+    this.streamUrl,
     this.elapsedMillis = 0,
     this.message,
   });
 
   final RecordingState state;
-  final String? outputPath;
+  final String? streamUrl;
   final int elapsedMillis;
   final String? message;
 
   factory RecordingStatus.fromMap(Map<dynamic, dynamic> map) {
     return RecordingStatus(
       state: RecordingState.fromRaw(map['state'] as String?),
-      outputPath: map['outputPath'] as String?,
+      streamUrl: map['streamUrl'] as String?,
       elapsedMillis: (map['elapsedMillis'] as num?)?.toInt() ?? 0,
       message: map['message'] as String?,
     );
@@ -50,9 +49,6 @@ class RecordingPlatform {
   static const MethodChannel _channel = MethodChannel(
     RecordingChannelNames.method,
   );
-  static const EventChannel _events = EventChannel(
-    RecordingChannelNames.events,
-  );
 
   static bool get isSupported =>
       supportsHost(isAndroid: Platform.isAndroid, isIOS: Platform.isIOS);
@@ -61,61 +57,6 @@ class RecordingPlatform {
     return isAndroid || isIOS;
   }
 
-  static Stream<RecordingStatus>? _statusStream;
-
-  static Stream<RecordingStatus> statusStream() {
-    if (!isSupported) {
-      return const Stream.empty();
-    }
-    _statusStream ??= _events.receiveBroadcastStream().map(
-      (event) =>
-          RecordingStatus.fromMap(Map<dynamic, dynamic>.from(event as Map)),
-    );
-    return _statusStream!;
-  }
-
-  static Future<RecordingStatus> initializePreview() async {
-    final result = await _channel.invokeMapMethod<String, dynamic>(
-      'initializePreview',
-    );
-    return RecordingStatus.fromMap(result ?? const {});
-  }
-
-  static Future<RecordingStartResult> startRecording({
-    bool withAudio = true,
-    bool enableDoNotDisturb = true,
-    String? displayName,
-  }) async {
-    final args = <String, dynamic>{
-      'withAudio': withAudio,
-      'enableDoNotDisturb': enableDoNotDisturb,
-    };
-    if (displayName != null) {
-      args['displayName'] = displayName;
-    }
-
-    final result = await _channel.invokeMapMethod<String, dynamic>(
-      'startRecording',
-      args,
-    );
-    return RecordingStartResult(
-      outputPath: result?['outputPath'] as String?,
-      status: RecordingStatus.fromMap(
-        Map<dynamic, dynamic>.from(result?['status'] as Map? ?? const {}),
-      ),
-    );
-  }
-
-  static Future<RecordingStopResult> stopRecording() async {
-    final result = await _channel.invokeMapMethod<String, dynamic>(
-      'stopRecording',
-    );
-    return RecordingStopResult.fromMap(result);
-  }
-
-  static Future<void> disposePreview() =>
-      _channel.invokeMethod('disposePreview');
-
   static Future<bool> hasNotificationPolicyAccess() async {
     return await _channel.invokeMethod<bool>('hasNotificationPolicyAccess') ??
         false;
@@ -149,41 +90,4 @@ class RecordingPlatform {
       'enabled': enabled,
     });
   }
-
-  static Future<RecordingStatus> getStatus() async {
-    final result = await _channel.invokeMapMethod<String, dynamic>('getStatus');
-    return RecordingStatus.fromMap(result ?? const {});
-  }
-}
-
-class RecordingStartResult {
-  const RecordingStartResult({this.outputPath, required this.status});
-
-  final String? outputPath;
-  final RecordingStatus status;
-}
-
-class RecordingStopResult {
-  const RecordingStopResult({
-    this.outputPath,
-    required this.status,
-    this.gallerySaved = true,
-    this.galleryErrorMessage,
-  });
-
-  final String? outputPath;
-  final RecordingStatus status;
-  final bool gallerySaved;
-  final String? galleryErrorMessage;
-
-  factory RecordingStopResult.fromMap(Map<String, dynamic>? result) {
-    return RecordingStopResult(
-      outputPath: result?['outputPath'] as String?,
-      status: RecordingStatus.fromMap(
-        Map<dynamic, dynamic>.from(result?['status'] as Map? ?? const {}),
-      ),
-      gallerySaved: result?['gallerySaved'] as bool? ?? true,
-      galleryErrorMessage: result?['galleryErrorMessage'] as String?,
-    );
-  }
 }

lib/features/recording/utils/recording_display_name.dart

@@ -1,53 +0,0 @@
-import 'dart:io';
-
-/// 非法文件名字符（路径分隔符等）。
-final _invalidNameChars = RegExp(r'[/\\:*?"<>|]');
-
-const _maxBaseNameLength = 120;
-
-/// 清洗小程序复制的文件名基底（不含扩展名）。
-String? sanitizeRecordingBaseName(String raw) {
-  var name = raw.replaceAll(_invalidNameChars, '_').trim();
-  if (name.isEmpty) return null;
-  if (name.length > _maxBaseNameLength) {
-    name = name.substring(0, _maxBaseNameLength);
-  }
-  return name;
-}
-
-/// 解析录制展示名：优先剪切板 filename，否则 REC_时间戳。
-String resolveRecordingDisplayName(String? clipboardFilename) {
-  final sanitized = clipboardFilename == null
-      ? null
-      : sanitizeRecordingBaseName(clipboardFilename);
-  if (sanitized != null) return sanitized;
-  final now = DateTime.now();
-  final stamp =
-      '${now.year}'
-      '${now.month.toString().padLeft(2, '0')}'
-      '${now.day.toString().padLeft(2, '0')}_'
-      '${now.hour.toString().padLeft(2, '0')}'
-      '${now.minute.toString().padLeft(2, '0')}'
-      '${now.second.toString().padLeft(2, '0')}';
-  return 'REC_$stamp';
-}
-
-/// 为展示名补全视频扩展名（已有 .mp4/.mov 则保留）。
-String withVideoExtension(String baseName, {bool? isIOS}) {
-  final ios = isIOS ?? Platform.isIOS;
-  final ext = ios ? '.mov' : '.mp4';
-  final lower = baseName.toLowerCase();
-  if (lower.endsWith('.mp4') || lower.endsWith('.mov')) {
-    return baseName;
-  }
-  return '$baseName$ext';
-}
-
-/// 传给原生的完整文件名（含扩展名）。
-String recordingFileNameForPlatform(
-  String? clipboardFilename, {
-  bool? isIOS,
-}) {
-  final base = resolveRecordingDisplayName(clipboardFilename);
-  return withVideoExtension(base, isIOS: isIOS);
-}

lib/features/recording/view-model/view_model_recording.dart

@@ -1,17 +1,13 @@
 import 'dart:async';
-import 'dart:convert';
 import 'dart:io';
 
-import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:permission_handler/permission_handler.dart';
-import 'package:recording_tool/core/logging/app_logger.dart';
 import 'package:recording_tool/core/permission/permission_service.dart';
-import 'package:recording_tool/features/recording/model/model_clipboard.dart';
 import 'package:recording_tool/features/recording/model/model_recording.dart';
+import 'package:recording_tool/features/recording/model/model_recording_context.dart';
 import 'package:recording_tool/features/recording/model/model_recording_session.dart';
 import 'package:recording_tool/features/recording/platform/recording_platform.dart';
-import 'package:recording_tool/features/recording/utils/recording_display_name.dart';
 
 /// 录制页状态 Provider。
 final recordingViewModelProvider =
@@ -19,31 +15,6 @@ final recordingViewModelProvider =
       RecordingViewModel.new,
     );
 
-/// 剪切板读取结果，供 UI 决定是否提示用户。
-enum ClipboardReadResult {
-  /// 剪切板为空，不提示
-  empty,
-
-  /// 解析成功
-  success,
-
-  /// 有内容但格式不符合小程序录制信息
-  invalid,
-}
-
-List<Permission> recordingGalleryPermissionsForHost({
-  required bool isIOS,
-  required bool isAndroid,
-}) {
-  if (isIOS) {
-    return [Permission.photosAddOnly];
-  }
-  if (isAndroid) {
-    return [Permission.videos, Permission.storage];
-  }
-  return const [];
-}
-
 /// 开始录制所需的相机/麦克风权限检测结果。
 class RecordingRequiredPermissions {
   const RecordingRequiredPermissions({
@@ -57,20 +28,16 @@ class RecordingRequiredPermissions {
   bool get allGranted => cameraGranted && microphoneGranted;
 }
 
-/// 录制页 ViewModel：剪贴板、权限、相机预览与录制流程。
+/// 录制页 ViewModel：赛事上下文、权限、推流与页面状态。
 class RecordingViewModel extends Notifier<RecordingModel> {
-  static final _defaultClipboard = ClipboardRecordingModel(
+  Timer? _elapsedTimer;
-    title: '',
+  DateTime? _recordingStartedAt;
-    address: '',
-  );
-
-  StreamSubscription<RecordingStatus>? _statusSubscription;
 
   /// 初始化状态并注册销毁回调。
   @override
   RecordingModel build() {
     ref.onDispose(_dispose);
-    return RecordingModel(clipboardRecordingModel: _defaultClipboard);
+    return RecordingModel(recordingContext: const RecordingContext.empty());
   }
 
   /// 局部更新 session 子状态。
@@ -80,64 +47,12 @@ class RecordingViewModel extends Notifier<RecordingModel> {
     state = state.copyWith(session: update(state.session));
   }
 
-  /// 读取并解析剪贴板中的小程序录制信息。
+  /// 设置当前录制页上下文。
-  Future<ClipboardReadResult> getClipboardContent() async {
+  void setRecordingContext(RecordingContext recordingContext) {
-    try {
+    state = state.copyWith(recordingContext: recordingContext);
-      final clipboardData = await Clipboard.getData(Clipboard.kTextPlain);
-      final text = clipboardData?.text;
-      AppLogger.debug('读取剪切板内容：$text');
-
-      if (text == null || text.trim().isEmpty) {
-        AppLogger.info('剪切板内容为空，跳过录制信息解析');
-        _resetClipboardInfo();
-        return ClipboardReadResult.empty;
   }
 
-      final decoded = jsonDecode(text.trim());
+  /// 申请权限并检查系统设置。
-      if (decoded is! Map<String, dynamic>) {
-        AppLogger.warning('剪切板内容不是 JSON 对象，跳过录制信息解析');
-        _resetClipboardInfo();
-        return ClipboardReadResult.invalid;
-      }
-
-      final clipboardRecordingModel = ClipboardRecordingModel.fromJson(decoded);
-      if (clipboardRecordingModel.title.trim().isEmpty) {
-        AppLogger.warning('剪切板录制信息缺少有效 title');
-        _resetClipboardInfo();
-        return ClipboardReadResult.invalid;
-      }
-
-      state = state.copyWith(
-        clipboardRecordingModel: clipboardRecordingModel,
-        hasValidClipboardInfo: true,
-      );
-      AppLogger.info('剪切板录制信息解析成功：${clipboardRecordingModel.toJson()}');
-      return ClipboardReadResult.success;
-    } on FormatException catch (error) {
-      AppLogger.warning('剪切板录制信息格式错误：$error');
-      _resetClipboardInfo();
-      return ClipboardReadResult.invalid;
-    } catch (error, stackTrace) {
-      AppLogger.debug('读取剪切板录制信息失败', error: error, stackTrace: stackTrace);
-      _resetClipboardInfo();
-      return ClipboardReadResult.invalid;
-    }
-  }
-
-  /// 清空剪贴板赛事信息（供 UI 调用）。
-  void resetClipboardInfo() {
-    _resetClipboardInfo();
-  }
-
-  /// 重置剪贴板赛事信息为默认空值。
-  void _resetClipboardInfo() {
-    state = state.copyWith(
-      clipboardRecordingModel: _defaultClipboard,
-      hasValidClipboardInfo: false,
-    );
-  }
-
-  /// 申请权限、检查系统设置并初始化相机预览。
   Future<void> prepareSession() async {
     if (!RecordingPlatform.isSupported) {
       _updateSession((s) => s.copyWith(errorMessage: '当前设备不支持录制'));
@@ -148,7 +63,6 @@ class RecordingViewModel extends Notifier<RecordingModel> {
       Permission.camera,
       Permission.microphone,
       if (Platform.isAndroid) Permission.notification,
-      ..._galleryPermissions(),
     ]);
 
     final cameraGranted = permissions[Permission.camera]?.isGranted ?? false;
@@ -170,10 +84,6 @@ class RecordingViewModel extends Notifier<RecordingModel> {
     if (!microphoneGranted) {
       warnings.add('未授予麦克风权限，当前将以静音模式录制');
     }
-    if (!_isGalleryPermissionGranted(permissions)) {
-      warnings.add('未授予相册权限，录制结束后可能无法保存到相册');
-    }
-
     final hasDnd = await RecordingPlatform.hasNotificationPolicyAccess();
     final batteryIgnored =
         await RecordingPlatform.isIgnoringBatteryOptimizations();
@@ -190,92 +100,13 @@ class RecordingViewModel extends Notifier<RecordingModel> {
       ),
     );
 
-    await _listenStatus();
+    _updateSession((s) => s.copyWith(errorMessage: null));
-    try {
-      final status = await _initializePreviewWithRetry();
-      _updateSession(
-        (s) => s.copyWith(
-          status: status,
-          isPreviewReady: status.state == RecordingState.previewing,
-          errorMessage: status.state == RecordingState.previewing
-              ? null
-              : (status.message ?? '相机预览初始化失败'),
-        ),
-      );
-    } on PlatformException catch (error) {
-      _updateSession(
-        (s) => s.copyWith(
-          isPreviewReady: false,
-          errorMessage: error.message ?? '相机预览初始化失败',
-        ),
-      );
-    }
   }
 
-  /// 初始化相机预览，PlatformView 未就绪时自动重试。
+  void setPreviewReady({required bool ready, String? errorMessage}) {
-  Future<RecordingStatus> _initializePreviewWithRetry() async {
-    const maxAttempts = 8;
-    for (var attempt = 0; attempt < maxAttempts; attempt++) {
-      try {
-        return await RecordingPlatform.initializePreview();
-      } on PlatformException catch (error) {
-        final shouldRetry =
-            error.code == 'NO_PREVIEW' && attempt < maxAttempts - 1;
-        if (!shouldRetry) {
-          rethrow;
-        }
-        await Future<void>.delayed(Duration(milliseconds: 150 * (attempt + 1)));
-      }
-    }
-    throw StateError('initializePreview retry exhausted');
-  }
-
-  /// 停止录制后重新绑定相机预览，并显示加载遮罩。
-  Future<void> restorePreview() async {
-    if (!RecordingPlatform.isSupported) return;
-
     _updateSession(
-      (s) => s.copyWith(isPreviewReady: false, errorMessage: null),
+      (s) => s.copyWith(isPreviewReady: ready, errorMessage: errorMessage),
     );
-    try {
-      final status = await _initializePreviewWithRetry();
-      _updateSession(
-        (s) => s.copyWith(
-          status: status,
-          isPreviewReady: status.state == RecordingState.previewing,
-          errorMessage: status.state == RecordingState.previewing
-              ? null
-              : (status.message ?? '相机预览初始化失败'),
-        ),
-      );
-    } on PlatformException catch (error) {
-      _updateSession(
-        (s) => s.copyWith(
-          isPreviewReady: false,
-          errorMessage: error.message ?? '相机预览初始化失败',
-        ),
-      );
-    }
-  }
-
-  /// 当前平台所需的相册/视频保存权限列表。
-  List<Permission> _galleryPermissions() {
-    return recordingGalleryPermissionsForHost(
-      isIOS: Platform.isIOS,
-      isAndroid: Platform.isAndroid,
-    );
-  }
-
-  /// 判断相册相关权限是否至少有一项已授予。
-  bool _isGalleryPermissionGranted(
-    Map<Permission, PermissionStatus> permissions,
-  ) {
-    for (final permission in _galleryPermissions()) {
-      if (permissions[permission]?.isGranted ?? false) {
-        return true;
-      }
-    }
-    return _galleryPermissions().isEmpty;
   }
 
   /// 检测并尝试申请相机、麦克风权限，同步更新 session 中的 isMicrophoneGranted。
@@ -295,8 +126,7 @@ class RecordingViewModel extends Notifier<RecordingModel> {
 
     if (cameraGranted && !state.session.isPreviewReady) {
       _updateSession((s) => s.copyWith(errorMessage: null));
-      await _listenStatus();
+      _updateSession((s) => s.copyWith(isPreviewReady: true));
-      await restorePreview();
     }
 
     return RecordingRequiredPermissions(
@@ -309,76 +139,115 @@ class RecordingViewModel extends Notifier<RecordingModel> {
     return status?.isGranted == true || status?.isLimited == true;
   }
 
-  /// 开始录制，可选开启勿扰模式。
+  void updateZoomCapabilities({
-  Future<void> startRecording({bool enableDoNotDisturb = true}) async {
+    required double zoomRatio,
-    final session = state.session;
+    required double minZoomRatio,
-    if (session.isRecording || session.isStartingRecording) {
+    required double maxZoomRatio,
-      return;
+  }) {
-    }
-    if (!session.isPreviewReady) {
-      _updateSession((s) => s.copyWith(errorMessage: '相机预览未就绪，请稍后重试'));
-      return;
-    }
-
-    final displayName = recordingFileNameForPlatform(
-      state.clipboardRecordingModel.filename,
-    );
-
-    _updateSession(
-      (s) => s.copyWith(isStartingRecording: true, errorMessage: null),
-    );
-    try {
-      final result = await RecordingPlatform.startRecording(
-        enableDoNotDisturb: enableDoNotDisturb && state.session.hasDndAccess,
-        displayName: displayName,
-      );
     _updateSession(
       (s) => s.copyWith(
-          status: result.status,
+        zoomRatio: zoomRatio,
-          lastOutputPath: result.outputPath,
+        minZoomRatio: minZoomRatio,
+        maxZoomRatio: maxZoomRatio,
+        errorMessage: null,
+      ),
+    );
+  }
+
+  void markLensSwitching(bool switching) {
+    _updateSession((s) => s.copyWith(isSwitchingLens: switching));
+  }
+
+  void setZoomRatioValue(double ratio) {
+    _updateSession((s) => s.copyWith(zoomRatio: ratio, errorMessage: null));
+  }
+
+  void setError(String message) {
+    _updateSession((s) => s.copyWith(errorMessage: message));
+  }
+
+  void markStartingRecording() {
+    _updateSession(
+      (s) => s.copyWith(
+        isStartingRecording: true,
+        errorMessage: null,
+        clearStreamResult: true,
+      ),
+    );
+  }
+
+  Future<void> markRecordingStarted(String streamUrl) async {
+    if (state.session.hasDndAccess) {
+      await RecordingPlatform.enableDoNotDisturb();
+    }
+    _recordingStartedAt = DateTime.now();
+    _elapsedTimer?.cancel();
+    _elapsedTimer = Timer.periodic(const Duration(seconds: 1), (_) {
+      final startedAt = _recordingStartedAt;
+      if (startedAt == null) return;
+      final elapsed = DateTime.now().difference(startedAt).inMilliseconds;
+      _updateSession(
+        (s) => s.copyWith(
+          status: RecordingStatus(
+            state: RecordingState.recording,
+            streamUrl: streamUrl,
+            elapsedMillis: elapsed,
+          ),
+        ),
+      );
+    });
+    _updateSession(
+      (s) => s.copyWith(
+        status: RecordingStatus(
+          state: RecordingState.recording,
+          streamUrl: streamUrl,
+        ),
+        lastStreamUrl: streamUrl,
+        isStartingRecording: false,
         isTouchLocked: true,
         errorMessage: null,
-          gallerySaveFailed: false,
+        streamFailed: false,
-          clearLastSaved: true,
+        clearStreamResult: true,
       ),
     );
-    } on PlatformException catch (error) {
-      _updateSession(
-        (s) => s.copyWith(errorMessage: error.message ?? '开始录制失败'),
-      );
-    } finally {
-      _updateSession((s) => s.copyWith(isStartingRecording: false));
-    }
   }
 
-  /// 停止录制、保存到相册，并恢复相机预览。
+  void markRecordingStartFailed(String message) {
-  Future<void> stopRecording() async {
+    _recordingStartedAt = null;
-    if (!state.session.isRecording) return;
+    _elapsedTimer?.cancel();
-
+    _elapsedTimer = null;
-    try {
-      final result = await RecordingPlatform.stopRecording();
-      final galleryFailed = !result.gallerySaved;
-      final savedName = recordingFileNameForPlatform(
-        state.clipboardRecordingModel.filename,
-      );
     _updateSession(
       (s) => s.copyWith(
-          status: result.status,
+        status: const RecordingStatus(state: RecordingState.previewing),
-          lastOutputPath: result.outputPath ?? s.lastOutputPath,
+        isStartingRecording: false,
-          lastSavedDisplayName: galleryFailed ? null : savedName,
+        errorMessage: message,
-          errorMessage: galleryFailed
+        streamFailed: true,
-              ? (result.galleryErrorMessage ?? '保存到相册失败，请开启相册权限')
-              : null,
-          gallerySaveFailed: galleryFailed,
       ),
     );
-    } on PlatformException catch (error) {
-      _updateSession(
-        (s) => s.copyWith(errorMessage: error.message ?? '停止录制失败'),
-      );
-    } finally {
-      await restorePreview();
   }
+
+  Future<void> markRecordingStopped({String? errorMessage}) async {
+    final lastStreamUrl = state.session.lastStreamUrl;
+    final elapsed = _recordingStartedAt == null
+        ? state.session.status.elapsedMillis
+        : DateTime.now().difference(_recordingStartedAt!).inMilliseconds;
+    _recordingStartedAt = null;
+    _elapsedTimer?.cancel();
+    _elapsedTimer = null;
+    await RecordingPlatform.disableDoNotDisturb();
+    _updateSession(
+      (s) => s.copyWith(
+        status: RecordingStatus(
+          state: RecordingState.previewing,
+          streamUrl: lastStreamUrl,
+          elapsedMillis: elapsed,
+        ),
+        isStartingRecording: false,
+        errorMessage: errorMessage,
+        streamFinished: errorMessage == null,
+        streamFailed: errorMessage != null,
+      ),
+    );
   }
 
   /// 切换录制中触屏锁定状态。
@@ -386,9 +255,9 @@ class RecordingViewModel extends Notifier<RecordingModel> {
     _updateSession((s) => s.copyWith(isTouchLocked: locked));
   }
 
-  /// 清除上次保存成功的录制结果标记。
+  /// 清除上次推流完成结果标记。
   void clearSavedRecordingResult() {
-    _updateSession((s) => s.copyWith(clearLastSaved: true));
+    _updateSession((s) => s.copyWith(clearStreamResult: true));
   }
 
   /// 跳转系统勿扰/通知策略设置页。
@@ -415,22 +284,14 @@ class RecordingViewModel extends Notifier<RecordingModel> {
   Future<void> teardown() async {
     await RecordingPlatform.setImmersiveMode(enabled: false);
     await RecordingPlatform.disableDoNotDisturb();
-    await RecordingPlatform.disposePreview();
+    _recordingStartedAt = null;
-    await _statusSubscription?.cancel();
+    _elapsedTimer?.cancel();
-    _statusSubscription = null;
+    _elapsedTimer = null;
     state = state.copyWith(session: const RecordingSessionState());
   }
 
-  /// 订阅原生层录制状态流并同步到 session。
-  Future<void> _listenStatus() async {
-    await _statusSubscription?.cancel();
-    _statusSubscription = RecordingPlatform.statusStream().listen((status) {
-      _updateSession((s) => s.copyWith(status: status));
-    });
-  }
-
   /// Provider 销毁时取消状态流订阅。
   Future<void> _dispose() async {
-    await _statusSubscription?.cancel();
+    _elapsedTimer?.cancel();
   }
 }

lib/features/recording/widgets/widget_camera_preview.dart

@@ -1,34 +1,22 @@
-import 'dart:io';
+import 'package:apivideo_live_stream/apivideo_live_stream.dart';
-
 import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
 
 class CameraPreviewWidget extends StatelessWidget {
-  const CameraPreviewWidget({super.key});
+  const CameraPreviewWidget({
+    super.key,
+    required this.controller,
+    required this.isReady,
+  });
+
+  final ApiVideoLiveStreamController controller;
+  final bool isReady;
 
   @override
   Widget build(BuildContext context) {
-    if (Platform.isAndroid) {
+    if (!isReady) {
-      return AndroidView(
+      return const ColoredBox(color: Colors.black);
-        viewType: 'recording-camera-preview',
-        layoutDirection: TextDirection.ltr,
-        creationParams: const <String, dynamic>{},
-        creationParamsCodec: const StandardMessageCodec(),
-      );
     }
 
-    if (Platform.isIOS) {
+    return ApiVideoCameraPreview(controller: controller, fit: BoxFit.cover);
-      return UiKitView(
-        viewType: 'recording-camera-preview',
-        layoutDirection: TextDirection.ltr,
-        creationParams: const <String, dynamic>{},
-        creationParamsCodec: const StandardMessageCodec(),
-      );
-    }
-
-    return const ColoredBox(
-      color: Colors.black,
-      child: Center(child: Text('当前平台不支持相机预览')),
-    );
   }
 }

lib/features/recording/widgets/widget_record_header.dart

@@ -1,51 +1,32 @@
 import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:recording_tool/features/recording/widgets/record_content_transition.dart';
 import 'package:recording_tool/gen/assets.gen.dart';
-import 'package:recording_tool/shared/widgets/app_toast.dart';
 
-/// 录制页顶部：Logo、粘贴赛事、赛事标题
+/// 录制页顶部：Logo、赛事标题
 class RecordHeaderWidget extends StatelessWidget {
   const RecordHeaderWidget({
     super.key,
-    required this.hasValidClipboardInfo,
     this.eventTitle,
     required this.isRecording,
-    required this.onPasteEventInfo,
-    required this.onClearEventInfo,
   });
 
-  final bool hasValidClipboardInfo;
   final String? eventTitle;
   final bool isRecording;
-  final Future<void> Function() onPasteEventInfo;
-  final VoidCallback onClearEventInfo;
 
-  bool get _showPasteButtons => !hasValidClipboardInfo && !isRecording;
+  bool get _showEventTitle => eventTitle?.trim().isNotEmpty == true;
-
-  bool get _showEventTitle => hasValidClipboardInfo;
 
   Widget _buildAnimatedHeaderContent() {
     if (_showEventTitle) {
       return _HeaderEventTitleRow(
         key: ValueKey('title-${eventTitle ?? ''}'),
         title: eventTitle ?? '',
-        isRecording: isRecording,
-        onClearEventInfo: onClearEventInfo,
       );
     }
 
     return const SizedBox.shrink(key: ValueKey('header-empty'));
   }
 
-  void _mockCopyEventInfo() {
-    const strTemp =
-        '{"title":"蔡依婷vs夏志豪 空中格斗赛 初中组","address":"黑龙江省鹤岗市11111","filename":"蔡依婷_夏志豪_测试循环赛-7_空中格斗赛"}';
-    Clipboard.setData(const ClipboardData(text: strTemp));
-    AppToast.show('模拟复制赛事信息成功');
-  }
-
   @override
   Widget build(BuildContext context) {
     return SafeArea(
@@ -75,14 +56,6 @@ class RecordHeaderWidget extends StatelessWidget {
                       transitionBuilder: RecordContentTransition.builder,
                       child: _buildAnimatedHeaderContent(),
                     ),
-                    if (_showPasteButtons)
-                      Align(
-                        alignment: Alignment.centerRight,
-                        child: _HeaderPasteActions(
-                          onMockCopy: _mockCopyEventInfo,
-                          onPasteEventInfo: onPasteEventInfo,
-                        ),
-                      ),
                   ],
                 ),
               ),
@@ -95,16 +68,9 @@ class RecordHeaderWidget extends StatelessWidget {
 }
 
 class _HeaderEventTitleRow extends StatelessWidget {
-  const _HeaderEventTitleRow({
+  const _HeaderEventTitleRow({super.key, required this.title});
-    super.key,
-    required this.title,
-    required this.isRecording,
-    required this.onClearEventInfo,
-  });
 
   final String title;
-  final bool isRecording;
-  final VoidCallback onClearEventInfo;
 
   static TextStyle get _overlayTextStyle => TextStyle(
     color: Colors.white,
@@ -135,87 +101,7 @@ class _HeaderEventTitleRow extends StatelessWidget {
             ),
           ),
         ),
-        !isRecording
-            ? IconButton(
-                key: const ValueKey('clear-event-info'),
-                onPressed: onClearEventInfo,
-                icon: Assets.images.imageDelete.image(
-                  width: 15.r,
-                  height: 15.r,
-                  fit: BoxFit.contain,
-                  excludeFromSemantics: true,
-                ),
-                padding: EdgeInsets.zero,
-                constraints: BoxConstraints(minWidth: 40.r, minHeight: 40.r),
-                alignment: Alignment.centerRight,
-                tooltip: '删除',
-              )
-            : const SizedBox.shrink(key: ValueKey('clear-event-info-hidden')),
       ],
     );
   }
 }
-
-class _HeaderPasteActions extends StatelessWidget {
-  const _HeaderPasteActions({
-    required this.onMockCopy,
-    required this.onPasteEventInfo,
-  });
-
-  final VoidCallback onMockCopy;
-  final Future<void> Function() onPasteEventInfo;
-
-  @override
-  Widget build(BuildContext context) {
-    return Row(
-      mainAxisAlignment: MainAxisAlignment.end,
-      children: [
-        // _HeaderActionButton(label: 'mock', onPressed: onMockCopy),
-        _HeaderActionButton(
-          label: '粘贴选手信息',
-          onPressed: () => onPasteEventInfo(),
-          icon: Assets.images.imageCopy.image(
-            width: 10.r,
-            height: 10.r,
-            fit: BoxFit.contain,
-            excludeFromSemantics: true,
-          ),
-        ),
-      ],
-    );
-  }
-}
-
-class _HeaderActionButton extends StatelessWidget {
-  const _HeaderActionButton({
-    required this.label,
-    required this.onPressed,
-    this.icon,
-  });
-
-  final String label;
-  final VoidCallback onPressed;
-  final Widget? icon;
-
-  @override
-  Widget build(BuildContext context) {
-    return TextButton.icon(
-      onPressed: onPressed,
-      icon: icon ?? Icon(Icons.content_paste, size: 10.r),
-      label: Text(label),
-
-      style: TextButton.styleFrom(
-        minimumSize: Size.zero, // 取消 40dp 最小高度
-        tapTargetSize: MaterialTapTargetSize.shrinkWrap, // 取消额外点击热区
-        foregroundColor: Colors.white,
-        backgroundColor: Colors.black.withValues(alpha: 0.5),
-        textStyle: TextStyle(fontSize: 10.sp),
-        padding: EdgeInsets.symmetric(horizontal: 7.r, vertical: 4.r),
-        shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(25.r),
-          side: const BorderSide(color: Colors.white30),
-        ),
-      ),
-    );
-  }
-}

lib/features/recording/widgets/widget_recording_context_clock_chip.dart

@@ -5,19 +5,19 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:recording_tool/core/utils/date_time_formatter.dart';
 import 'package:recording_tool/features/recording/widgets/record_content_transition.dart';
 
-/// 左下角实时时钟与剪贴板地址
+/// 左下角实时时钟与赛事场地信息。
-class ClipboardAddressClockChipWidget extends StatefulWidget {
+class RecordingContextClockChipWidget extends StatefulWidget {
-  const ClipboardAddressClockChipWidget({super.key, required this.address});
+  const RecordingContextClockChipWidget({super.key, required this.address});
 
   final String address;
 
   @override
-  State<ClipboardAddressClockChipWidget> createState() =>
+  State<RecordingContextClockChipWidget> createState() =>
-      _ClipboardAddressClockChipWidgetState();
+      _RecordingContextClockChipWidgetState();
 }
 
-class _ClipboardAddressClockChipWidgetState
+class _RecordingContextClockChipWidgetState
-    extends State<ClipboardAddressClockChipWidget> {
+    extends State<RecordingContextClockChipWidget> {
   Timer? _clockTimer;
 
   static TextStyle get _textStyle => TextStyle(
@@ -42,10 +42,8 @@ class _ClipboardAddressClockChipWidgetState
     super.dispose();
   }
 
-  String get _nowText => DateTimeFormatter.format(
+  String get _nowText =>
-    DateTime.now(),
+      DateTimeFormatter.format(DateTime.now(), pattern: 'yyyy-M-d-H:mm:ss');
-    pattern: 'yyyy-M-d-H:mm:ss',
-  );
 
   @override
   Widget build(BuildContext context) {
@@ -71,7 +69,9 @@ class _ClipboardAddressClockChipWidgetState
                     key: ValueKey(widget.address),
                     style: _textStyle,
                   )
-                : const SizedBox.shrink(key: ValueKey('clipboard-address-empty')),
+                : const SizedBox.shrink(
+                    key: ValueKey('recording-address-empty'),
+                  ),
           ),
         ],
       ),

lib/features/recording/widgets/widget_recording_hud.dart

@@ -3,8 +3,8 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:permission_handler/permission_handler.dart';
 import 'package:recording_tool/core/utils/rate_limiter.dart';
 import 'package:recording_tool/features/recording/widgets/record_content_transition.dart';
-import 'package:recording_tool/features/recording/widgets/widget_clipboard_address_clock_chip.dart';
 import 'package:recording_tool/features/recording/widgets/widget_recording_button.dart';
+import 'package:recording_tool/features/recording/widgets/widget_recording_context_clock_chip.dart';
 import 'package:recording_tool/features/recording/widgets/widget_recording_setup_hints.dart';
 
 /// 录制页 HUD 层（状态提示、录制控制）
@@ -18,14 +18,19 @@ class RecordingHudWidget extends StatelessWidget {
     required this.notificationsGranted,
     required this.isRecording,
     required this.isStartingRecording,
+    required this.isSwitchingLens,
     required this.isTouchLocked,
-    this.showClipboardHint = false,
+    this.showContextHint = false,
-    this.clipboardAddress = '',
+    this.contextAddress = '',
+    required this.zoomRatio,
+    required this.minZoomRatio,
+    required this.maxZoomRatio,
     required this.onStart,
     required this.onStop,
     required this.onOpenDnd,
     required this.onOpenBattery,
     required this.onToggleTouchLock,
+    required this.onZoomSelected,
   });
 
   final String? errorMessage;
@@ -35,14 +40,19 @@ class RecordingHudWidget extends StatelessWidget {
   final bool notificationsGranted;
   final bool isRecording;
   final bool isStartingRecording;
+  final bool isSwitchingLens;
   final bool isTouchLocked;
-  final bool showClipboardHint;
+  final bool showContextHint;
-  final String clipboardAddress;
+  final String contextAddress;
+  final double zoomRatio;
+  final double minZoomRatio;
+  final double maxZoomRatio;
   final Future<void> Function() onStart;
   final Future<void> Function() onStop;
   final VoidCallback onOpenDnd;
   final VoidCallback onOpenBattery;
   final VoidCallback onToggleTouchLock;
+  final ValueChanged<double> onZoomSelected;
 
   static double get _recordButtonSize => 70.r;
   static double get _recordButtonBottom => 63.r;
@@ -107,12 +117,14 @@ class RecordingHudWidget extends StatelessWidget {
             switchOutCurve: Curves.easeInCubic,
             layoutBuilder: RecordContentTransition.bottomStackLayoutBuilder,
             transitionBuilder: RecordContentTransition.builder,
-            child: showClipboardHint
+            child: showContextHint
-                ? ClipboardAddressClockChipWidget(
+                ? RecordingContextClockChipWidget(
-                    key: const ValueKey('clipboard-info'),
+                    key: const ValueKey('recording-context-info'),
-                    address: clipboardAddress,
+                    address: contextAddress,
                   )
-                : const SizedBox.shrink(key: ValueKey('clipboard-info-hidden')),
+                : const SizedBox.shrink(
+                    key: ValueKey('recording-context-info-hidden'),
+                  ),
           ),
         ),
         if (isRecording)
@@ -133,6 +145,18 @@ class RecordingHudWidget extends StatelessWidget {
               ),
             ),
           ),
+        Positioned(
+          right: 16.r,
+          bottom: 260.r,
+          child: _ZoomPresetControl(
+            enabled: !isSwitchingLens,
+            zoomRatio: zoomRatio,
+            minZoomRatio: minZoomRatio,
+            maxZoomRatio: maxZoomRatio,
+            presets: _zoomPresetsForRange(minZoomRatio),
+            onSelected: onZoomSelected,
+          ),
+        ),
         Positioned(
           left: 0,
           right: 0,
@@ -141,7 +165,7 @@ class RecordingHudWidget extends StatelessWidget {
             child: RecordingControlButton(
               isRecording: isRecording,
               isStartingRecording: isStartingRecording,
-              enabled: !isStartingRecording,
+              enabled: !isStartingRecording && !isSwitchingLens,
               size: _recordButtonSize,
               onTap: () {
                 if (isRecording) {
@@ -170,4 +194,140 @@ class RecordingHudWidget extends StatelessWidget {
       ],
     );
   }
+
+  List<double> _zoomPresetsForRange(double minZoomRatio) {
+    return [if (minZoomRatio < 1.0) minZoomRatio, 1.0];
+  }
+}
+
+class _ZoomPresetControl extends StatelessWidget {
+  const _ZoomPresetControl({
+    required this.enabled,
+    required this.zoomRatio,
+    required this.minZoomRatio,
+    required this.maxZoomRatio,
+    required this.presets,
+    required this.onSelected,
+  });
+
+  final bool enabled;
+  final double zoomRatio;
+  final double minZoomRatio;
+  final double maxZoomRatio;
+  final List<double> presets;
+  final ValueChanged<double> onSelected;
+
+  @override
+  Widget build(BuildContext context) {
+    final availablePresets = presets
+        .where(_isPresetAvailable)
+        .toList(growable: false);
+    if (availablePresets.isEmpty) {
+      return const SizedBox.shrink();
+    }
+
+    return DecoratedBox(
+      decoration: BoxDecoration(
+        color: Colors.black.withValues(alpha: 0.46),
+        borderRadius: BorderRadius.circular(18.r),
+        border: Border.all(color: Colors.white.withValues(alpha: 0.18)),
+      ),
+      child: Padding(
+        padding: EdgeInsets.all(3.r),
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            for (final preset in availablePresets)
+              _ZoomPresetButton(
+                displayRatio: preset,
+                requestRatio: preset,
+                selected: _isPresetSelected(preset),
+                enabled: enabled,
+                onSelected: onSelected,
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  bool _isPresetAvailable(double preset) {
+    if (preset < 1.0) {
+      return minZoomRatio <= preset && maxZoomRatio >= preset;
+    }
+    return preset >= minZoomRatio && preset <= maxZoomRatio;
+  }
+
+  bool _isPresetSelected(double preset) {
+    if (preset < 1.0) {
+      return zoomRatio < 1.0;
+    }
+    return (zoomRatio - preset).abs() < 0.05;
+  }
+}
+
+class _ZoomPresetButton extends StatelessWidget {
+  const _ZoomPresetButton({
+    required this.displayRatio,
+    required this.requestRatio,
+    required this.selected,
+    required this.enabled,
+    required this.onSelected,
+  });
+
+  final double displayRatio;
+  final double requestRatio;
+  final bool selected;
+  final bool enabled;
+  final ValueChanged<double> onSelected;
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: EdgeInsets.symmetric(horizontal: 1.r),
+      child: TextButton(
+        onPressed: selected || !enabled
+            ? null
+            : () => RateLimit.instance.debounce<void>(
+                key:
+                    'recording.session.zoom.${requestRatio.toStringAsFixed(1)}',
+                value: null,
+                duration: Duration(milliseconds: 300),
+                onCallback: (_) async {
+                  onSelected(requestRatio);
+                },
+              ),
+        style: TextButton.styleFrom(
+          minimumSize: Size(38.r, 32.r),
+          padding: EdgeInsets.zero,
+          tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+          foregroundColor: selected ? Colors.black : Colors.white,
+          disabledForegroundColor: Colors.black,
+          backgroundColor: selected ? Colors.white : Colors.transparent,
+          disabledBackgroundColor: Colors.white,
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(15.r),
+          ),
+        ),
+        child: Text(
+          _formatZoomRatio(displayRatio),
+          style: TextStyle(
+            fontSize: 13.sp,
+            fontWeight: FontWeight.w700,
+            letterSpacing: 0,
+          ),
+        ),
+      ),
+    );
+  }
+
+  String _formatZoomRatio(double ratio) {
+    if (ratio < 1.0) {
+      return '广角';
+    }
+    if (ratio == ratio.roundToDouble()) {
+      return '${ratio.toStringAsFixed(0)}x';
+    }
+    return '${ratio.toStringAsFixed(1)}x';
+  }
 }

lib/features/recording/widgets/widget_recording_saved_dialog.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
-import 'package:recording_tool/features/dialog/dialog-record.dart';
+import 'package:recording_tool/features/recording/dialog/dialog-record.dart';
 
-/// 录制结束并保存到相册后的后续操作弹窗。
+/// 推流录制结束后的后续操作弹窗。
 Future<void> showRecordingSavedDialog(
   BuildContext context, {
   required String sessionTitle,
@@ -10,7 +10,7 @@ Future<void> showRecordingSavedDialog(
 }) {
   return RecordDialog.showDouble(
     context,
-    title: '本轮比赛视频已保存到相册\n请选择后续录制信息',
+    title: '本轮比赛视频已提交 NAS 录制\n请选择后续录制信息',
     leftText: '继续本轮',
     rightText: '录制新轮',
     onLeftPressed: onContinueRound,

lib/features/scan_qrcode/pages/page_push_test.dart

@@ -0,0 +1,131 @@
+import 'package:apivideo_live_stream/apivideo_live_stream.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:recording_tool/features/scan_qrcode/utils/rtmp_stream_target.dart';
+import 'package:recording_tool/shared/widgets/app_bar.dart';
+import 'package:recording_tool/shared/widgets/app_toast.dart';
+
+class PushSteamTestWidget extends StatefulWidget {
+  const PushSteamTestWidget({
+    super.key,
+    this.rtmpUrl =
+        'rtmp://192.168.1.245:19090/蔡依婷vs夏志豪_空中格斗赛_高中组/蔡依婷vs夏志豪_空中格斗赛_高中组',
+  });
+
+  final String rtmpUrl;
+
+  @override
+  State<PushSteamTestWidget> createState() => _PushSteamTestWidgetState();
+}
+
+class _PushSteamTestWidgetState extends State<PushSteamTestWidget>
+    with WidgetsBindingObserver {
+  late final ApiVideoLiveStreamController _controller;
+  bool _ready = false;
+  bool _isStreaming = false;
+
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addObserver(this);
+
+    _controller = ApiVideoLiveStreamController(
+      initialAudioConfig: AudioConfig(bitrate: 128000),
+      initialVideoConfig: VideoConfig.withDefaultBitrate(
+        resolution: Resolution.RESOLUTION_1080,
+        fps: 30,
+      ),
+      onConnectionSuccess: () => {
+        debugPrint('推流成功'),
+
+        setState(() => _isStreaming = true),
+      },
+      onConnectionFailed: (reason) {
+        setState(() => _isStreaming = false);
+        debugPrint('推流失败: $reason');
+      },
+      onDisconnection: () => {
+        debugPrint('推流断开'),
+
+        setState(() => _isStreaming = false),
+      },
+    );
+    WidgetsBinding.instance.addPostFrameCallback((_) => _initialize());
+  }
+
+  Future<void> _initialize() async {
+    try {
+      await _controller.initialize();
+      await _controller.startPreview();
+
+      setState(() => _ready = true);
+    } catch (e) {
+      debugPrint('初始化失败: $e');
+    }
+  }
+
+  Future<void> _startPush() async {
+    try {
+      final target = RtmpStreamTarget.parse(widget.rtmpUrl);
+      await _controller.startStreaming(
+        streamKey: target.streamKey,
+        url: target.url,
+      );
+    } on FormatException catch (e) {
+      debugPrint('推流地址错误: ${e.message}');
+      AppToast.show(e.message);
+    } on PlatformException catch (e) {
+      final message = e.message ?? e.code;
+      debugPrint('推流失败: ${e.code} $message');
+      AppToast.show('推流失败: $message');
+    } catch (e) {
+      debugPrint('推流失败: $e');
+      AppToast.showError(e);
+    }
+  }
+
+  Future<void> _stopPush() => _controller.stopStreaming();
+
+  @override
+  void didChangeAppLifecycleState(AppLifecycleState state) {
+    if (state == AppLifecycleState.inactive) {
+      _controller.stop();
+    } else if (state == AppLifecycleState.resumed) {
+      _controller.startPreview();
+    }
+  }
+
+  @override
+  void dispose() {
+    WidgetsBinding.instance.removeObserver(this);
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: myAppBar(context: context),
+      body: Stack(
+        children: [
+          if (_ready)
+            ApiVideoCameraPreview(controller: _controller, fit: BoxFit.cover),
+          Positioned(
+            bottom: 32,
+            left: 0,
+            right: 0,
+            child: Center(
+              child: FloatingActionButton(
+                backgroundColor: _isStreaming ? Colors.red : Colors.green,
+                onPressed: _ready
+                    ? (_isStreaming ? _stopPush : _startPush)
+                    : null,
+                child: Icon(_isStreaming ? Icons.stop : Icons.circle),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/features/scan_qrcode/pages/page_scan_qrcode.dart

@@ -0,0 +1,166 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_easyloading/flutter_easyloading.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:recording_tool/app/router/app_navigator.dart';
+import 'package:recording_tool/core/cache/app_storage.dart';
+import 'package:recording_tool/core/cache/storage_keys.dart';
+import 'package:recording_tool/features/auth/pages/page_auth.dart';
+import 'package:recording_tool/features/auth/view_model_auth/view_model_auth.dart';
+import 'package:recording_tool/features/events/model/model_event_info.dart';
+import 'package:recording_tool/features/events/pages/page_event_info.dart';
+import 'package:recording_tool/features/events/view_model/view_model_event_info.dart';
+import 'package:recording_tool/features/recording/model/model_recording_context.dart';
+import 'package:recording_tool/shared/widgets/app_bar.dart';
+import 'package:recording_tool/shared/widgets/app_button.dart';
+import 'package:recording_tool/shared/widgets/app_qr_scanner_dialog.dart';
+import 'package:recording_tool/shared/widgets/app_toast.dart';
+
+class ScanQrCodePage extends ConsumerStatefulWidget {
+  const ScanQrCodePage({super.key});
+
+  static const mockRtmpUrl =
+      'rtmp://192.168.1.245:19090/蔡依婷vs夏志豪_空中格斗赛_高中组/蔡依婷vs夏志豪_空中格斗赛_高中组';
+
+  static const mockRecordingContext = RecordingContext(
+    eventTitle: '全国青少年无人机大赛',
+    matchName: '空中格斗赛',
+    group: '高中组',
+    venue: '场地 1',
+    time: '7月1日 12:00-15:00',
+    playerName: '蔡依婷vs夏志豪',
+    playerPhone: '',
+  );
+
+  @override
+  ConsumerState<ScanQrCodePage> createState() => _AuthPageWidgetState();
+}
+
+class _AuthPageWidgetState extends ConsumerState<ScanQrCodePage> {
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addPostFrameCallback((_) async {
+      final token = AppStorage.getString(StorageKeys.authToken);
+      if (token?.isNotEmpty ?? false) {
+        final success = await ref
+            .read(authProvider.notifier)
+            .parseTokenSetState(token!);
+        if (!success) {
+          AppToast.show('请重新鉴权');
+          AppNavigator.pushAndRemoveUntil(const AuthPageWidget());
+          return;
+        }
+      }
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return PopScope(
+      canPop: true,
+      onPopInvokedWithResult: (didPop, result) async {
+        if (!didPop) return;
+        await ref.read(authProvider.notifier).clearAuth();
+      },
+      child: Scaffold(
+        appBar: myAppBar(context: context, title: '扫码'),
+        body: Center(
+          child: Column(
+            children: [
+              SizedBox(height: 100.h),
+              Text(
+                '裁判工作台',
+                style: TextStyle(fontSize: 30, color: Colors.black),
+              ),
+              SizedBox(height: 100.h),
+              Text(
+                '扫描选手参赛凭证进行执裁',
+                style: TextStyle(fontSize: 30, color: Colors.black),
+              ),
+              SizedBox(height: 20.h),
+
+              Consumer(
+                builder: (context, ref, child) {
+                  return SizedBox(
+                    width: 280.w,
+                    height: 80.h,
+                    child: AppButton(
+                      label: '查看录像',
+                      onPressed: () async {
+                        final data = ref.watch(
+                          authProvider.select((state) => state.jwtDecodedData),
+                        );
+                        if (data == null) return;
+                        debugPrint('赛事名字： ${data.eventName}');
+                        final eventName = data.eventName ?? '';
+                        await ref
+                            .read(authProvider.notifier)
+                            .getRecordList(eventName);
+                      },
+                      variant: AppButtonVariant.secondary,
+                    ),
+                  );
+                },
+              ),
+              SizedBox(height: 16.h),
+
+              Consumer(
+                builder: (context, ref, child) {
+                  return SizedBox(
+                    width: 280.w,
+                    height: 80.h,
+                    child: AppButton(
+                      label: '参赛队伍',
+                      onPressed: () async {},
+                      variant: AppButtonVariant.secondary,
+                    ),
+                  );
+                },
+              ),
+              SizedBox(height: 16.h),
+              SizedBox(
+                width: 280.w,
+                height: 80.h,
+                child: AppButton(
+                  label: '扫码',
+                  onPressed: () async {
+                    final String? playerId = await AppQrScannerDialog.show(
+                      context,
+                    );
+                    if (playerId == null || playerId.isEmpty) {
+                      AppToast.show('查询选手信息失败');
+                      return;
+                    }
+                    EasyLoading.show(status: '查询选手信息...');
+                    try {
+                      final success = await ref
+                          .read(eventInfoProvider.notifier)
+                          .loadRegistrationList(
+                            request: PlayerRegistrationListReq(
+                              userId: playerId,
+                            ),
+                          );
+                      EasyLoading.dismiss();
+                      if (!success) {
+                        AppToast.show('查询选手信息失败');
+                        return;
+                      }
+                      if (!mounted) return;
+
+                      AppNavigator.push(EventInfoPage(playerId: playerId));
+                    } catch (error) {
+                      AppToast.show('查询选手信息失败');
+                      EasyLoading.dismiss();
+                    }
+                  },
+                  variant: AppButtonVariant.secondary,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/features/scan_qrcode/utils/rtmp_stream_target.dart

@@ -0,0 +1,33 @@
+class RtmpStreamTarget {
+  const RtmpStreamTarget({required this.url, required this.streamKey});
+
+  final String url;
+  final String streamKey;
+
+  factory RtmpStreamTarget.parse(String value) {
+    final source = value.trim();
+    final uri = Uri.tryParse(source);
+    if (uri == null ||
+        (uri.scheme != 'rtmp' && uri.scheme != 'rtmps') ||
+        uri.host.isEmpty) {
+      throw const FormatException('推流地址必须是 rtmp:// 或 rtmps:// 开头的完整地址');
+    }
+
+    final pathSegments = uri.pathSegments
+        .where((segment) => segment.trim().isNotEmpty)
+        .toList(growable: false);
+    if (pathSegments.length < 2) {
+      throw const FormatException('推流地址路径必须包含 app 和 streamKey，例如 /app/xxxx');
+    }
+
+    final appPath = pathSegments.take(pathSegments.length - 1).join('/');
+    final streamKey = pathSegments.last;
+    final baseUrl = uri
+        .replace(path: '/$appPath', query: null, fragment: null)
+        .toString();
+
+    return RtmpStreamTarget(url: baseUrl, streamKey: streamKey);
+  }
+
+  String get fullUrl => '$url/$streamKey';
+}

lib/gen/assets.gen.dart

@@ -11,6 +11,16 @@
 
 import 'package:flutter/widgets.dart';
 
+class $AssetsHtmlGen {
+  const $AssetsHtmlGen();
+
+  /// File path: assets/html/index.html
+  String get index => 'assets/html/index.html';
+
+  /// List of all assets
+  List<String> get values => [index];
+}
+
 class $AssetsImagesGen {
   const $AssetsImagesGen();
 
@@ -30,18 +40,24 @@ class $AssetsImagesGen {
   AssetGenImage get imageLogo =>
       const AssetGenImage('assets/images/image_logo.png');
 
+  /// File path: assets/images/image_vs.png
+  AssetGenImage get imageVs =>
+      const AssetGenImage('assets/images/image_vs.png');
+
   /// List of all assets
   List<AssetGenImage> get values => [
     imageCopy,
     imageDelete,
     imageDialogBg,
     imageLogo,
+    imageVs,
   ];
 }
 
 class Assets {
   const Assets._();
 
+  static const $AssetsHtmlGen html = $AssetsHtmlGen();
   static const $AssetsImagesGen images = $AssetsImagesGen();
 }
 

lib/shared/widgets/app_bar.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+AppBar myAppBar({
+  required BuildContext context,
+  String title = '',
+  Widget? titleWidget,
+}) => AppBar(
+  leadingWidth: 56.w,
+  leading: IconButton(
+    icon: const Icon(Icons.arrow_back),
+    onPressed: () {
+      Navigator.of(context).maybePop();
+    },
+  ),
+  title:
+      titleWidget ??
+      Text(
+        title,
+        textAlign: TextAlign.center,
+        style: TextStyle(
+          color: Colors.white,
+          fontSize: 20.sp,
+          fontFamily: 'PingFang SC',
+          fontWeight: FontWeight.w400,
+        ),
+      ),
+  centerTitle: true,
+  backgroundColor: Colors.transparent,
+  elevation: 0,
+);

lib/shared/widgets/app_qr_scanner_dialog.dart

@@ -0,0 +1,346 @@
+import 'dart:async';
+import 'dart:math' as math;
+
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:mobile_scanner/mobile_scanner.dart';
+
+class AppQrScannerDialog extends StatefulWidget {
+  const AppQrScannerDialog({super.key});
+
+  static Future<String?> show(BuildContext context) {
+    return showGeneralDialog<String>(
+      context: context,
+      barrierDismissible: false,
+      barrierLabel: MaterialLocalizations.of(context).modalBarrierDismissLabel,
+      barrierColor: Colors.black,
+      transitionDuration: const Duration(milliseconds: 180),
+      pageBuilder: (dialogContext, animation, secondaryAnimation) {
+        return const AppQrScannerDialog();
+      },
+      transitionBuilder: (context, animation, secondaryAnimation, child) {
+        return FadeTransition(opacity: animation, child: child);
+      },
+    );
+  }
+
+  @override
+  State<AppQrScannerDialog> createState() => _AppQrScannerDialogState();
+}
+
+class _AppQrScannerDialogState extends State<AppQrScannerDialog>
+    with SingleTickerProviderStateMixin {
+  late final MobileScannerController _controller;
+  late final AnimationController _scanLineController;
+  bool _hasScanned = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = MobileScannerController(
+      detectionSpeed: DetectionSpeed.noDuplicates,
+      facing: CameraFacing.back,
+      formats: const [BarcodeFormat.qrCode],
+      autoZoom: true,
+    );
+    _scanLineController = AnimationController(
+      vsync: this,
+      duration: const Duration(milliseconds: 1800),
+    )..repeat(reverse: true);
+  }
+
+  @override
+  void dispose() {
+    _scanLineController.dispose();
+    unawaited(_controller.dispose());
+    super.dispose();
+  }
+
+  Future<void> _handleDetect(BarcodeCapture capture) async {
+    if (_hasScanned || capture.barcodes.isEmpty) return;
+
+    final value = capture.barcodes.first.rawValue;
+    if (value == null || value.isEmpty) return;
+
+    _hasScanned = true;
+    final navigator = Navigator.of(context, rootNavigator: true);
+    debugPrint('扫码结果: $value');
+    if (!mounted) return;
+    if (navigator.canPop()) {
+      navigator.pop(value);
+    }
+    unawaited(_stopScanner());
+  }
+
+  void _handleDetectError(Object error, StackTrace stackTrace) {
+    debugPrint('扫码识别失败: $error');
+  }
+
+  Future<void> _stopScanner() async {
+    try {
+      await _controller.stop();
+    } catch (error) {
+      debugPrint('停止扫码相机失败: $error');
+    }
+  }
+
+  void _close() {
+    if (!mounted) return;
+    final navigator = Navigator.of(context, rootNavigator: true);
+    if (navigator.canPop()) {
+      navigator.pop();
+    }
+  }
+
+  Rect _scanWindowFor(Size size) {
+    final scanSize = math.min(size.width * 0.72, 300.w);
+    final center = Offset(size.width / 2, size.height * 0.46);
+    return Rect.fromCenter(center: center, width: scanSize, height: scanSize);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      color: Colors.black,
+      child: LayoutBuilder(
+        builder: (context, constraints) {
+          final size = constraints.biggest;
+          final scanWindow = _scanWindowFor(size);
+
+          return Stack(
+            children: [
+              Positioned.fill(
+                child: MobileScanner(
+                  controller: _controller,
+                  fit: BoxFit.cover,
+                  onDetect: _handleDetect,
+                  onDetectError: _handleDetectError,
+                  errorBuilder: _buildCameraError,
+                  placeholderBuilder: (_) => const ColoredBox(
+                    color: Colors.black,
+                    child: Center(
+                      child: CircularProgressIndicator(color: Colors.white),
+                    ),
+                  ),
+                ),
+              ),
+              Positioned.fill(
+                child: CustomPaint(
+                  painter: _ScannerOverlayPainter(scanWindow: scanWindow),
+                ),
+              ),
+              _ScanLine(animation: _scanLineController, scanWindow: scanWindow),
+              Positioned(
+                left: 0,
+                right: 0,
+                top: 0,
+                child: SafeArea(
+                  bottom: false,
+                  child: SizedBox(
+                    height: 56.h,
+                    child: Stack(
+                      alignment: Alignment.center,
+                      children: [
+                        Align(
+                          alignment: Alignment.centerLeft,
+                          child: IconButton(
+                            onPressed: _close,
+                            icon: const Icon(Icons.close),
+                            color: Colors.white,
+                            tooltip: '关闭',
+                          ),
+                        ),
+                        Text(
+                          '扫一扫',
+                          style: TextStyle(
+                            color: Colors.white,
+                            fontSize: 18.sp,
+                            fontWeight: FontWeight.w600,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+              Positioned(
+                top: scanWindow.bottom + 28.h,
+                left: 24.w,
+                right: 24.w,
+                child: Text(
+                  '将二维码放入框内，即可自动扫描',
+                  textAlign: TextAlign.center,
+                  style: TextStyle(
+                    color: Colors.white.withValues(alpha: 0.86),
+                    fontSize: 15.sp,
+                    height: 1.4,
+                  ),
+                ),
+              ),
+            ],
+          );
+        },
+      ),
+    );
+  }
+
+  Widget _buildCameraError(BuildContext context, MobileScannerException error) {
+    return ColoredBox(
+      color: Colors.black,
+      child: Center(
+        child: Padding(
+          padding: EdgeInsets.symmetric(horizontal: 32.w),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Icon(
+                Icons.camera_alt_outlined,
+                color: Colors.white.withValues(alpha: 0.82),
+                size: 44.r,
+              ),
+              SizedBox(height: 16.h),
+              Text(
+                '无法启动相机，请检查相机权限后重试',
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                  color: Colors.white,
+                  fontSize: 16.sp,
+                  height: 1.45,
+                ),
+              ),
+              SizedBox(height: 8.h),
+              Text(
+                error.errorDetails?.message ?? error.errorCode.message,
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                  color: Colors.white.withValues(alpha: 0.58),
+                  fontSize: 12.sp,
+                  height: 1.35,
+                ),
+              ),
+              SizedBox(height: 24.h),
+              TextButton(
+                onPressed: _close,
+                style: TextButton.styleFrom(
+                  foregroundColor: Colors.white,
+                  side: BorderSide(color: Colors.white.withValues(alpha: 0.44)),
+                ),
+                child: const Text('关闭'),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _ScanLine extends StatelessWidget {
+  const _ScanLine({required this.animation, required this.scanWindow});
+
+  final Animation<double> animation;
+  final Rect scanWindow;
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedBuilder(
+      animation: animation,
+      builder: (context, child) {
+        final inset = 14.r;
+        final top =
+            scanWindow.top +
+            inset +
+            (scanWindow.height - inset * 2) * animation.value;
+
+        return Positioned(
+          left: scanWindow.left + inset,
+          top: top,
+          width: scanWindow.width - inset * 2,
+          child: child!,
+        );
+      },
+      child: Container(
+        height: 2.h,
+        decoration: BoxDecoration(
+          color: const Color(0xFF1BD760),
+          borderRadius: BorderRadius.circular(2.r),
+          boxShadow: [
+            BoxShadow(
+              color: const Color(0xFF1BD760).withValues(alpha: 0.65),
+              blurRadius: 12.r,
+              spreadRadius: 2.r,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _ScannerOverlayPainter extends CustomPainter {
+  const _ScannerOverlayPainter({required this.scanWindow});
+
+  final Rect scanWindow;
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    final overlayPaint = Paint()..color = Colors.black.withValues(alpha: 0.58);
+    final outerPath = Path()..addRect(Offset.zero & size);
+    final innerPath = Path()
+      ..addRRect(RRect.fromRectAndRadius(scanWindow, Radius.circular(8.r)));
+    final overlayPath = Path.combine(
+      PathOperation.difference,
+      outerPath,
+      innerPath,
+    );
+    canvas.drawPath(overlayPath, overlayPaint);
+
+    final borderPaint = Paint()
+      ..color = Colors.white.withValues(alpha: 0.38)
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = 1.r;
+    canvas.drawRRect(
+      RRect.fromRectAndRadius(scanWindow, Radius.circular(8.r)),
+      borderPaint,
+    );
+
+    final cornerPaint = Paint()
+      ..color = const Color(0xFF1BD760)
+      ..style = PaintingStyle.stroke
+      ..strokeCap = StrokeCap.round
+      ..strokeWidth = 4.r;
+    final cornerLength = 28.r;
+
+    void drawCorner(Offset start, Offset horizontalEnd, Offset verticalEnd) {
+      canvas
+        ..drawLine(start, horizontalEnd, cornerPaint)
+        ..drawLine(start, verticalEnd, cornerPaint);
+    }
+
+    drawCorner(
+      scanWindow.topLeft,
+      scanWindow.topLeft.translate(cornerLength, 0),
+      scanWindow.topLeft.translate(0, cornerLength),
+    );
+    drawCorner(
+      scanWindow.topRight,
+      scanWindow.topRight.translate(-cornerLength, 0),
+      scanWindow.topRight.translate(0, cornerLength),
+    );
+    drawCorner(
+      scanWindow.bottomLeft,
+      scanWindow.bottomLeft.translate(cornerLength, 0),
+      scanWindow.bottomLeft.translate(0, -cornerLength),
+    );
+    drawCorner(
+      scanWindow.bottomRight,
+      scanWindow.bottomRight.translate(-cornerLength, 0),
+      scanWindow.bottomRight.translate(0, -cornerLength),
+    );
+  }
+
+  @override
+  bool shouldRepaint(covariant _ScannerOverlayPainter oldDelegate) {
+    return oldDelegate.scanWindow != scanWindow;
+  }
+}

lib/shared/widgets/app_text.dart

@@ -0,0 +1,234 @@
+import 'package:flutter/material.dart';
+
+/// 全局文本尺寸语义。
+///
+/// 业务代码应优先选择语义化的 variant，而不是直接散落 `fontSize`。
+/// 这样后续调整整套字号体系时，只需要维护这一处映射。
+enum AppTextVariant {
+  display,
+  headline,
+  title,
+  subtitle,
+  body,
+  bodySmall,
+  label,
+  caption,
+}
+
+/// 全局文本颜色语义。
+///
+/// tone 只表达“文本在界面中的语义角色”，具体颜色从当前 Theme 解析，
+/// 避免页面直接依赖硬编码色值。
+enum AppTextTone {
+  primary,
+  secondary,
+  tertiary,
+  inverse,
+  brand,
+  success,
+  warning,
+  danger,
+  disabled,
+}
+
+/// 应用级文本组件。
+///
+/// `AppText` 是对 Flutter `Text` 的轻量封装，目标是统一页面里的字号、
+/// 字重、颜色和溢出策略，同时保留 `Text` 的常用能力。
+///
+/// 使用建议：
+/// - 普通文案使用默认 `AppText('内容')`。
+/// - 标题使用 `variant: AppTextVariant.title`。
+/// - 错误、警告、成功等状态文案使用 `tone`，不要在业务里直接写颜色。
+/// - 只有遇到一次性视觉细节时才传入 `style`、`fontSize` 或 `fontWeight`。
+class AppText extends StatelessWidget {
+  const AppText(
+    this.data, {
+    super.key,
+    this.variant = AppTextVariant.body,
+    this.tone = AppTextTone.primary,
+    this.style,
+    this.color,
+    this.fontSize,
+    this.fontWeight,
+    this.height,
+    this.letterSpacing,
+    this.textAlign,
+    this.textDirection,
+    this.locale,
+    this.softWrap,
+    this.overflow,
+    this.maxLines,
+    this.semanticsLabel,
+    this.textWidthBasis,
+    this.textHeightBehavior,
+    this.textScaler,
+    this.selectionColor,
+  }) : textSpan = null;
+
+  /// 富文本构造器。
+  ///
+  /// 用于同一段文案中存在局部强调、不同颜色或不同字重的场景。
+  /// 外层的 `variant`、`tone` 和通用排版参数仍会作为默认样式作用到 span。
+  const AppText.rich(
+    this.textSpan, {
+    super.key,
+    this.variant = AppTextVariant.body,
+    this.tone = AppTextTone.primary,
+    this.style,
+    this.color,
+    this.fontSize,
+    this.fontWeight,
+    this.height,
+    this.letterSpacing,
+    this.textAlign,
+    this.textDirection,
+    this.locale,
+    this.softWrap,
+    this.overflow,
+    this.maxLines,
+    this.semanticsLabel,
+    this.textWidthBasis,
+    this.textHeightBehavior,
+    this.textScaler,
+    this.selectionColor,
+  }) : data = null;
+
+  /// 普通文本内容。与 [textSpan] 二选一。
+  final String? data;
+
+  /// 富文本内容。与 [data] 二选一。
+  final InlineSpan? textSpan;
+
+  /// 文本尺寸和基础字重语义。
+  final AppTextVariant variant;
+
+  /// 文本颜色语义。
+  final AppTextTone tone;
+
+  /// 额外样式覆盖。优先级高于 variant 和 tone。
+  final TextStyle? style;
+
+  /// 显式颜色覆盖。优先级高于 tone 和 `style.color`。
+  final Color? color;
+
+  /// 一次性字号覆盖。常规场景优先使用 [variant]。
+  final double? fontSize;
+
+  /// 一次性字重覆盖。常规场景优先使用 [variant]。
+  final FontWeight? fontWeight;
+
+  /// 行高覆盖。
+  final double? height;
+
+  /// 字间距覆盖。
+  final double? letterSpacing;
+
+  final TextAlign? textAlign;
+  final TextDirection? textDirection;
+  final Locale? locale;
+  final bool? softWrap;
+  final TextOverflow? overflow;
+  final int? maxLines;
+  final String? semanticsLabel;
+  final TextWidthBasis? textWidthBasis;
+  final TextHeightBehavior? textHeightBehavior;
+  final TextScaler? textScaler;
+  final Color? selectionColor;
+
+  @override
+  Widget build(BuildContext context) {
+    final effectiveStyle = _resolveStyle(context);
+
+    if (textSpan != null) {
+      return Text.rich(
+        textSpan!,
+        style: effectiveStyle,
+        textAlign: textAlign,
+        textDirection: textDirection,
+        locale: locale,
+        softWrap: softWrap,
+        overflow: overflow,
+        maxLines: maxLines,
+        semanticsLabel: semanticsLabel,
+        textWidthBasis: textWidthBasis,
+        textHeightBehavior: textHeightBehavior,
+        textScaler: textScaler,
+        selectionColor: selectionColor,
+      );
+    }
+
+    return Text(
+      data ?? '',
+      style: effectiveStyle,
+      textAlign: textAlign,
+      textDirection: textDirection,
+      locale: locale,
+      softWrap: softWrap,
+      overflow: overflow,
+      maxLines: maxLines,
+      semanticsLabel: semanticsLabel,
+      textWidthBasis: textWidthBasis,
+      textHeightBehavior: textHeightBehavior,
+      textScaler: textScaler,
+      selectionColor: selectionColor,
+    );
+  }
+
+  /// 合成最终样式。
+  ///
+  /// 优先级从低到高：
+  /// 1. Theme 中的 TextTheme。
+  /// 2. `variant` 与 `tone` 对应的默认样式。
+  /// 3. 外部传入的 `style`。
+  /// 4. `color`、`fontSize`、`fontWeight` 等显式字段。
+  TextStyle _resolveStyle(BuildContext context) {
+    final baseStyle = _variantStyle(Theme.of(context).textTheme);
+    final toneStyle = baseStyle.copyWith(color: _toneColor(context));
+    final mergedStyle = style == null ? toneStyle : toneStyle.merge(style);
+
+    return mergedStyle.copyWith(
+      color: color ?? mergedStyle.color,
+      fontSize: fontSize ?? mergedStyle.fontSize,
+      fontWeight: fontWeight ?? mergedStyle.fontWeight,
+      height: height ?? mergedStyle.height,
+      letterSpacing: letterSpacing ?? mergedStyle.letterSpacing,
+    );
+  }
+
+  TextStyle _variantStyle(TextTheme textTheme) {
+    return switch (variant) {
+      AppTextVariant.display =>
+        textTheme.displaySmall ?? const TextStyle(fontSize: 36),
+      AppTextVariant.headline =>
+        textTheme.headlineSmall ?? const TextStyle(fontSize: 24),
+      AppTextVariant.title =>
+        textTheme.titleMedium ?? const TextStyle(fontSize: 16),
+      AppTextVariant.subtitle =>
+        textTheme.titleSmall ?? const TextStyle(fontSize: 14),
+      AppTextVariant.body =>
+        textTheme.bodyMedium ?? const TextStyle(fontSize: 14),
+      AppTextVariant.bodySmall =>
+        textTheme.bodySmall ?? const TextStyle(fontSize: 12),
+      AppTextVariant.label =>
+        textTheme.labelLarge ?? const TextStyle(fontSize: 14),
+      AppTextVariant.caption =>
+        textTheme.labelSmall ?? const TextStyle(fontSize: 11),
+    };
+  }
+
+  Color _toneColor(BuildContext context) {
+    final colors = Theme.of(context).colorScheme;
+    return switch (tone) {
+      AppTextTone.primary => colors.onSurface,
+      AppTextTone.secondary => colors.onSurfaceVariant,
+      AppTextTone.tertiary => colors.outline,
+      AppTextTone.inverse => colors.onInverseSurface,
+      AppTextTone.brand => colors.primary,
+      AppTextTone.success => colors.tertiary,
+      AppTextTone.warning => colors.secondary,
+      AppTextTone.danger => colors.error,
+      AppTextTone.disabled => colors.onSurface.withValues(alpha: 0.38),
+    };
+  }
+}

lib/shared/widgets/app_webview.dart

@@ -0,0 +1,323 @@
+import 'dart:async';
+import 'dart:convert';
+
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:recording_tool/app/router/app_navigator.dart';
+import 'package:recording_tool/core/cache/app_storage.dart';
+import 'package:recording_tool/core/cache/storage_keys.dart';
+import 'package:recording_tool/features/events/model/model_event_info.dart';
+import 'package:webview_flutter/webview_flutter.dart';
+import 'package:webview_flutter_android/webview_flutter_android.dart';
+import 'package:webview_flutter_wkwebview/webview_flutter_wkwebview.dart';
+
+class WebviewPage extends StatefulWidget {
+  final String? url;
+  final String? title;
+  final String? assetPath;
+  final bool? canPop;
+  final EventRegistrationItem? eventRegistrationItem;
+  final String? playerId;
+
+  const WebviewPage({
+    super.key,
+    this.url,
+    this.title,
+    this.assetPath,
+    this.canPop,
+    this.eventRegistrationItem,
+    this.playerId,
+  });
+
+  @override
+  State<WebviewPage> createState() => WebviewPageState();
+}
+
+class WebviewPageState extends State<WebviewPage> {
+  static const String _javaScriptChannelName = 'AppBridge';
+
+  WebViewController? _controller;
+  bool _isLoading = true;
+  String? _errorMessage;
+
+  @override
+  void initState() {
+    super.initState();
+    _initController();
+  }
+
+  @override
+  void dispose() {
+    final controller = _controller;
+    _controller = null;
+    if (controller != null) {
+      unawaited(_disposeWebViewController(controller));
+    }
+    super.dispose();
+  }
+
+  Future<void> _initController() async {
+    if ((widget.url?.isEmpty ?? true) && widget.assetPath == null) {
+      return;
+    }
+    final params = _createPlatformParams();
+    late final WebViewController controller;
+    controller = WebViewController.fromPlatformCreationParams(params)
+      ..setJavaScriptMode(JavaScriptMode.unrestricted)
+      ..setBackgroundColor(Colors.white)
+      ..setNavigationDelegate(
+        NavigationDelegate(
+          onProgress: (int progress) {
+            debugPrint('webview - progress: $progress');
+          },
+          onPageStarted: (String url) {
+            debugPrint('webview - page started: $url');
+            if (!mounted) return;
+            setState(() {
+              _isLoading = true;
+              _errorMessage = null;
+            });
+          },
+          onPageFinished: (String url) async {
+            debugPrint('webview - page finished: $url');
+            // await _injectPostMessageBridge(controller);
+            await _injectH5NeedData(controller);
+            if (!mounted) return;
+            setState(() => _isLoading = false);
+          },
+          onHttpError: (HttpResponseError error) {
+            debugPrint(
+              'webview - http error: ${error.response?.uri}, code: ${error.response?.statusCode}',
+            );
+          },
+          onWebResourceError: (WebResourceError error) {
+            debugPrint(
+              'webview error: ${error.description}, code: ${error.errorCode}, url: ${error.url}',
+            );
+            if (!mounted || error.isForMainFrame != true) return;
+            setState(() {
+              _isLoading = false;
+              _errorMessage = error.description;
+            });
+          },
+          onNavigationRequest: (NavigationRequest request) {
+            return NavigationDecision.navigate;
+          },
+        ),
+      );
+
+    controller.addJavaScriptChannel(
+      _javaScriptChannelName,
+      onMessageReceived: (JavaScriptMessage message) {
+        _onMessageReceived(message);
+      },
+    );
+
+    if (controller.platform is AndroidWebViewController) {
+      AndroidWebViewController.enableDebugging(kDebugMode);
+      await (controller.platform as AndroidWebViewController)
+          .setMediaPlaybackRequiresUserGesture(false);
+    }
+
+    try {
+      if (widget.assetPath != null) {
+        await controller.loadFlutterAsset(widget.assetPath!);
+      } else {
+        final targetUrl = widget.url ?? '';
+        await controller.loadRequest(Uri.parse(targetUrl));
+      }
+    } catch (e) {
+      debugPrint('webview - load failed: $e');
+      if (!mounted) return;
+      setState(() {
+        _isLoading = false;
+        _errorMessage = e.toString();
+      });
+      return;
+    }
+
+    if (!mounted) {
+      unawaited(_disposeWebViewController(controller));
+      return;
+    }
+    setState(() => _controller = controller);
+  }
+
+  Future<void> _disposeWebViewController(WebViewController controller) async {
+    await _runWebViewCleanupStep(
+      'reset navigation delegate',
+      () => controller.setNavigationDelegate(NavigationDelegate()),
+    );
+    await _runWebViewCleanupStep(
+      'remove javascript channel',
+      () => controller.removeJavaScriptChannel(_javaScriptChannelName),
+    );
+    await _runWebViewCleanupStep(
+      'load blank page',
+      () => controller.loadRequest(Uri.parse('about:blank')),
+    );
+    await _runWebViewCleanupStep('clear cache', controller.clearCache);
+    await _runWebViewCleanupStep(
+      'clear local storage',
+      controller.clearLocalStorage,
+    );
+    await _runWebViewCleanupStep(
+      'clear cookies',
+      () => WebViewCookieManager().clearCookies(),
+    );
+  }
+
+  Future<void> _runWebViewCleanupStep(
+    String step,
+    Future<void> Function() cleanup,
+  ) async {
+    try {
+      debugPrint('webview - dispose cleanup  at $step ');
+
+      await cleanup();
+    } catch (e) {
+      debugPrint('webview - dispose cleanup failed at $step: $e');
+    }
+  }
+
+  void _onMessageReceived(JavaScriptMessage message) {
+    debugPrint('收到来自 WebView 的消息: ${message.message}');
+    final jsonMap = json.decode(message.message);
+    if (jsonMap['type'] != null && jsonMap['type'] == 'navigator_pop') {
+      Navigator.of(context).maybePop();
+    }
+  }
+
+  /// 脚本注入传输给h5 数据
+  Future<void> _injectH5NeedData(WebViewController controller) async {
+    final token = AppStorage.getString(StorageKeys.authToken);
+    try {
+      await controller.runJavaScript('''
+      (function () {
+        if (window.__appInstallData) {
+            return;
+        }
+        window.__appInstallData = ${true};
+
+        window.AppBridge.token = '$token';
+        window.AppBridge.scoreEntryContext = {
+          eventId: '${widget.eventRegistrationItem?.eventId}',
+          itemId: '${widget.eventRegistrationItem?.itemId}',
+          scheduleId: '${widget.eventRegistrationItem?.scheduleId}',
+          userId: '${widget.playerId}',
+          opponentId: '${widget.eventRegistrationItem?.opponentId}',
+        };
+        // console.log('window.AppBridge?.scoreEntryContext.eventId', window.AppBridge?.scoreEntryContext.eventId);
+        // console.log('window.AppBridge?.scoreEntryContext.itemId', window.AppBridge?.scoreEntryContext.itemId);
+        // console.log('window.AppBridge?.scoreEntryContext.scheduleId', window.AppBridge?.scoreEntryContext.scheduleId);
+        // console.log('window.AppBridge?.scoreEntryContext.userId', window.AppBridge?.scoreEntryContext.userId);
+        // console.log('window.AppBridge?.scoreEntryContext.opponentId', window.AppBridge?.scoreEntryContext.opponentId);
+        // confirm('已经注入完成');
+   
+        })();
+      ''');
+    } catch (e) {
+      debugPrint('webview - inject postMessage bridge failed: $e');
+    }
+  }
+
+  PlatformWebViewControllerCreationParams _createPlatformParams() {
+    if (WebViewPlatform.instance is WebKitWebViewPlatform) {
+      return WebKitWebViewControllerCreationParams(
+        allowsInlineMediaPlayback: true,
+        mediaTypesRequiringUserAction: const <PlaybackMediaTypes>{},
+      );
+    }
+    return const PlatformWebViewControllerCreationParams();
+  }
+
+  Widget _buildWebView(WebViewController controller) {
+    PlatformWebViewWidgetCreationParams params =
+        PlatformWebViewWidgetCreationParams(controller: controller.platform);
+
+    if (WebViewPlatform.instance is AndroidWebViewPlatform) {
+      params =
+          AndroidWebViewWidgetCreationParams.fromPlatformWebViewWidgetCreationParams(
+            params,
+            displayWithHybridComposition: true,
+          );
+    }
+
+    return WebViewWidget.fromPlatformCreationParams(params: params);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.transparent,
+      extendBodyBehindAppBar: true,
+
+      // appBar: myAppBar(context: context),
+      body: _buildBody(),
+    );
+  }
+
+  Widget _buildBody() {
+    if (_errorMessage != null) {
+      return Center(
+        child: Padding(
+          padding: const EdgeInsets.all(24),
+          child: Text(
+            '页面加载失败\n$_errorMessage',
+            textAlign: TextAlign.center,
+            style: const TextStyle(color: Colors.white, fontSize: 14),
+          ),
+        ),
+      );
+    }
+
+    final controller = _controller;
+    if (controller == null) {
+      return const Center(child: CircularProgressIndicator());
+    }
+
+    return PopScope(
+      canPop: widget.canPop ?? true,
+      onPopInvokedWithResult: (didPop, result) async {
+        if (didPop) return;
+
+        final ok = await showDialog<bool>(
+          context: context,
+          builder: (context) => AlertDialog(
+            title: const Text('提示'),
+            content: const Text('是否返回上一页？'),
+            actions: [
+              TextButton(
+                onPressed: () => Navigator.of(context).pop(false),
+                child: const Text('取消'),
+              ),
+              TextButton(
+                onPressed: () => Navigator.of(context).pop(true),
+                child: const Text('确定'),
+              ),
+            ],
+          ),
+        );
+        if (ok == true) {
+          AppNavigator.pop();
+        }
+      },
+      child: Scaffold(
+        body: Column(
+          children: [
+            SizedBox(height: 48),
+            Expanded(
+              child: Stack(
+                children: [
+                  Positioned.fill(child: _buildWebView(controller)),
+                  if (_isLoading)
+                    const Center(child: CircularProgressIndicator()),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/shared/widgets/widgets.dart

@@ -6,10 +6,12 @@ export 'app_empty_view.dart';
 export 'app_error_view.dart';
 export 'app_loading_view.dart';
 export 'app_network_image.dart';
+export 'app_qr_scanner_dialog.dart';
 export 'app_refresh_list.dart';
 export 'app_search_bar.dart';
 export 'app_status_view.dart';
 export 'app_tag.dart';
+export 'app_text.dart';
 export 'app_text_field.dart';
 export 'app_toast.dart';
 export 'safe_area_wrapper.dart';

plugins/apivideo_live_stream/.gitignore

@@ -0,0 +1,14 @@
+gradle-wrapper.jar
+/.gradle
+/captures/
+/gradlew
+/gradlew.bat
+/local.properties
+GeneratedPluginRegistrant.java
+.cxx/
+
+# Remember to never publicly share your keystore.
+# See https://flutter.dev/to/reference-keystore
+key.properties
+**/*.keystore
+**/*.jks

plugins/apivideo_live_stream/CHANGELOG.md

@@ -0,0 +1,82 @@
+# Changelog
+
+All changes to this project will be documented in this file.
+
+## [1.2.0] - 2024-02-12
+
+- Add a `fit` parameter to `ApiVideoCameraPreview` to control the fit of the preview inside its
+  parent widget
+- Improve and fix few video resolution issues
+- Android: The package automatically requests the camera and microphone permissions
+- Android: upgrade gradle, kotlin, AGP and other dependencies
+- iOS: add missing `getVideoSize` method
+- iOS: send events from the main thread
+- Example: lower default bitrate to run the example effortlessly
+- Example: enable wake lock to keep the device awake during the live stream
+- Example: put the application in the safe area
+
+## [1.1.3] - 2023-10-16
+
+- Android: call `disconnect` event when `stopStream` is explicitly called
+- Add api.video application icon for Android and iOS
+
+## [1.1.2] - 2023-08-16
+
+- Android: fix the `videoSize` cast
+
+## [1.1.1] - 2023-01-23
+
+- iOS: fix the orientation when device is turned
+
+## [1.1.0] - 2023-01-11
+
+- Major refactor:
+    - use `initialize` instead of `create` and pass default parameters
+      to `ApiVideoLiveStreamController` constructor
+    - simplified usage of `CameraPreview` (and renamed to `ApiVideoCameraPreview`)
+- Getter for properties such as `isMuted`, `cameraPosition`, ... (
+  see [#13](https://github.com/apivideo/api.video-flutter-live-stream/issues/13))
+- Few fixes on Android and iOS
+
+## [1.0.7] - 2022-10-12
+
+- Fix crash on `stopStreaming`.
+  See [#14](https://github.com/apivideo/api.video-flutter-live-stream/issues/14)
+
+## [1.0.6] - 2022-09-30
+
+- Fix 1080p configuration.
+  See [#16](https://github.com/apivideo/api.video-flutter-live-stream/issues/16)
+- Upgrade HaishinKit to 1.3.0.
+  See [#15](https://github.com/apivideo/api.video-flutter-live-stream/issues/15)
+- Upgrade dependencies
+
+## [1.0.5] - 2022-08-03
+
+- Few fixes on FLV/RTMP to increase compatibility
+- iOS: fix landscape orientation.
+  See [#12](https://github.com/apivideo/api.video-flutter-live-stream/issues/12)
+
+## [1.0.4] - 2022-06-01
+
+- iOS: Fix the random aspect ratio of the preview and random crashes.
+  See [#7](https://github.com/apivideo/api.video-flutter-live-stream/issues/7)
+
+## [1.0.3] - 2022-05-30
+
+- Android: do not obfuscate rtmpdroid classes to
+  fix [#6](https://github.com/apivideo/api.video-flutter-live-stream/issues/6)
+
+## [1.0.2] - 2022-05-25
+
+- iOS: implements `stopPreview` and `startPreview` to
+  fix [#4](https://github.com/apivideo/api.video-flutter-live-stream/issues/4)
+
+## [1.0.1] - 2022-04-13
+
+- Fix audio and video configuration for iOS
+- Fix setAudioConfig when preview is running for Android
+
+## [1.0.0] - 2022-04-08
+
+- Initial release.

plugins/apivideo_live_stream/CONTRIBUTING.md

@@ -0,0 +1,228 @@
+# Contributing to api.video
+
+:movie_camera::+1::tada: Thank you for taking the time to contribute and participate in the implementation of a Video First World! :tada::+1::movie_camera:
+
+The following is a set of guidelines for contributing to api.video and its packages, which are hosted in the [api.video Organization](https://github.com/apivideo) on GitHub.
+
+#### Table of contents
+
+- [Contributing to api.video](#contributing-to-apivideo)
+      - [Table of contents](#table-of-contents)
+  - [Code of conduct](#code-of-conduct)
+  - [I just have a question!](#i-just-have-a-question)
+  - [How can I contribute?](#how-can-i-contribute)
+    - [Reporting bugs](#reporting-bugs)
+      - [Before submitting a bug report](#before-submitting-a-bug-report)
+      - [How do I submit a (good) bug report?](#how-do-i-submit-a-good-bug-report)
+    - [Suggesting enhancements](#suggesting-enhancements)
+      - [How do I submit a (good) enhancement suggestion?](#how-do-i-submit-a-good-enhancement-suggestion)
+    - [Pull requests](#pull-requests)
+  - [Style guides](#style-guides)
+    - [Git commit messages](#git-commit-messages)
+    - [Documentation style guide](#documentation-style-guide)
+  - [Additional notes](#additional-notes)
+    - [Issue and pull request labels](#issue-and-pull-request-labels)
+      - [Type of issue and issue state](#type-of-issue-and-issue-state)
+      - [Topic categories](#topic-categories)
+      - [Pull request labels](#pull-request-labels)
+  
+## Code of conduct
+
+This project and everyone participating in it is governed by the [api.video Code of Conduct](https://github.com/apivideo/.github/blob/main/CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to [help@api.video](mailto:help@api.video).
+
+## I just have a question!
+
+> **Note:** [Please don't file an issue to ask a question.] You'll get faster results by using the resources below.
+
+We have an official message board with a detailed FAQ and where the community chimes in with helpful advice if you have questions.
+
+* [The official api.video's Community](https://community.api.video/)
+* [api.video FAQ](https://community.api.video/c/faq/)
+
+
+## How can I contribute?
+
+### Reporting bugs
+
+This section guides you through submitting a bug report for api.video. Following these guidelines helps maintainers and the community understand your report :pencil:, reproduce the behavior :computer:, and find related reports :mag_right:.
+
+Before creating bug reports, please check [this list](#before-submitting-a-bug-report) as you might find out that you don't need to create one. When you are creating a bug report, please [include as many details as possible](#how-do-i-submit-a-good-bug-report). Fill out [the required template](https://github.com/apivideo/.github/blob/main/.github/ISSUE_TEMPLATE/bug_report.yml), the information it asks for helps us resolve issues faster.
+
+> **Note:** If you find a **Closed** issue that seems like it is the same thing that you're experiencing, open a new issue and include a link to the original issue in the body of your new one.
+
+#### Before submitting a bug report
+
+* **Check the [The official api.video's Community](https://community.api.video/)** for a list of common questions and problems.
+* **Determine which repository the problem should be reported in**.
+* **Perform a [cursory search](https://github.com/search?q=is%3Aissue+user%3Aapivideo)** to see if the problem has already been reported. If it has **and the issue is still open**, add a comment to the existing issue instead of opening a new one.
+
+#### How do I submit a (good) bug report?
+
+Bugs are tracked as [GitHub issues](https://guides.github.com/features/issues/). After you've determined which repository your bug is related to, create an issue on that repository and provide the following information by filling in [the template](https://github.com/apivideo/.github/blob/main/.github/ISSUE_TEMPLATE/bug_report.yml).
+
+Explain the problem and include additional details to help maintainers reproduce the problem:
+
+* **Use a clear and descriptive title** for the issue to identify the problem.
+* **Describe the exact steps which reproduce the problem** in as many details as possible. When listing steps, **don't just say what you did, but explain how you did it**.
+* **Provide specific examples to demonstrate the steps**. Include links to files or GitHub projects, or copy/pasteable snippets, which you use in those examples. If you're providing snippets in the issue, use [Markdown code blocks](https://help.github.com/articles/markdown-basics/#multiple-lines).
+* **Describe the behavior you observed after following the steps** and point out what exactly is the problem with that behavior.
+* **Explain which behavior you expected to see instead and why.**
+* **Include screenshots or videos** which show you following the described steps and clearly demonstrate the problem.
+* **If the problem wasn't triggered by a specific action**, describe what you were doing before the problem happened and share more information using the guidelines below.
+
+Provide more context by answering these questions:
+
+* **Did the problem start happening recently** (e.g. after updating to a new version of api.video) or was this always a problem?
+* If the problem started happening recently.**
+* **Can you reliably reproduce the issue?** If not, provide details about how often the problem happens and under which conditions it normally happens.
+
+Include details about your configuration and environment:
+
+* **Which version of the api.video package are you using?** 
+* **What's the name and version of the OS you're using?**
+
+### Suggesting enhancements
+
+This section guides you through submitting an enhancement suggestion for api.video project, including completely new features and minor improvements to existing functionality. Following these guidelines helps maintainers and the community understand your suggestion :pencil: and find related suggestions :mag_right:.
+
+When you are creating an enhancement suggestion, please [include as many details as possible](#how-do-i-submit-a-good-enhancement-suggestion). Fill in [the template](https://github.com/apivideo/.github/blob/main/.github/ISSUE_TEMPLATE/feature_request.yml), including the steps that you imagine you would take if the feature you're requesting existed.
+
+
+#### How do I submit a (good) enhancement suggestion?
+
+Enhancement suggestions are tracked as [GitHub issues](https://guides.github.com/features/issues/). After you've determined which repository your enhancement suggestion is related to, create an issue on that repository and provide the following information:
+
+* **Use a clear and descriptive title** for the issue to identify the suggestion.
+* **Provide a step-by-step description of the suggested enhancement** in as many details as possible.
+* **Provide specific examples to demonstrate the steps**. Include copy/pasteable snippets which you use in those examples, as [Markdown code blocks](https://help.github.com/articles/markdown-basics/#multiple-lines).
+* **Describe the current behavior** and **explain which behavior you expected to see instead** and why.
+* **Include screenshots** which help you demonstrate the steps or point out the part of api.video which the suggestion is related to.
+* **Explain why this enhancement would be useful** to most api.video users and isn't something that can or should be implemented as a community package.
+* **Specify which version of the api.video package you're using.**
+* **Specify the name and version of the OS you're using.**
+
+
+### Pull requests
+
+The process described here has several goals:
+
+- Maintain api.video's quality
+- Fix problems that are important to users
+- Engage the community in working toward the best possible api.video
+- Enable a sustainable system for api.video's maintainers to review contributions
+
+Please follow these steps to have your contribution considered by the maintainers:
+
+1. Explain what, why and how you resolved the issue. If you have a related issue, please mention it.
+2. Follow the [style guides](#style-guides)
+3. After you submit your pull request, verify that all [status checks](https://help.github.com/articles/about-status-checks/) are passing <details><summary>What if the status checks are failing?</summary>If a status check is failing, and you believe that the failure is unrelated to your change, please leave a comment on the pull request explaining why you believe the failure is unrelated. A maintainer will re-run the status check for you. If we conclude that the failure was a false positive, then we will open an issue to track that problem with our status check suite.</details>
+
+While the prerequisites above must be satisfied prior to having your pull request reviewed, the reviewer(s) may ask you to complete additional design work, tests, or other changes before your pull request can be ultimately accepted.
+
+## Style guides
+
+### Git commit messages
+
+* Use the present tense ("Add feature" not "Added feature")
+* Limit the first line to 72 characters or less
+* Reference issues and pull requests after the first line
+* Consider starting the commit message with an applicable emoji:
+    * :art: `:art:` when improving the format/structure of the code
+    * :racehorse: `:racehorse:` when improving performance
+    * :non-potable_water: `:non-potable_water:` when plugging memory leaks
+    * :memo: `:memo:` when writing docs
+    * :penguin: `:penguin:` when fixing something on Linux
+    * :apple: `:apple:` when fixing something on macOS
+    * :checkered_flag: `:checkered_flag:` when fixing something on Windows
+    * :bug: `:bug:` when fixing a bug
+    * :fire: `:fire:` when removing code or files
+    * :green_heart: `:green_heart:` when fixing the CI build
+    * :white_check_mark: `:white_check_mark:` when adding tests
+    * :lock: `:lock:` when dealing with security
+    * :arrow_up: `:arrow_up:` when upgrading dependencies
+    * :arrow_down: `:arrow_down:` when downgrading dependencies
+    * :shirt: `:shirt:` when removing linter warnings
+
+### Documentation style guide
+
+* Use [Markdown](https://daringfireball.net/projects/markdown).
+
+
+## Additional notes
+
+### Issue and pull request labels
+
+This section lists the labels we use to help us track and manage issues and pull requests on all api.video repositories.
+
+[GitHub search](https://help.github.com/articles/searching-issues/) makes it easy to use labels for finding groups of issues or pull requests you're interested in. We encourage you to read about [other search filters](https://help.github.com/articles/searching-issues/) which will help you write more focused queries.
+
+
+#### Type of issue and issue state
+
+| Label name | `apivideo` :mag_right: | Description |
+| --- | --- | --- |
+| `enhancement` | [search][search-apivideo-org-label-enhancement] | Feature requests. |
+| `bug` | [search][search-apivideo-org-label-bug] | Confirmed bugs or reports that are very likely to be bugs. |
+| `question` | [search][search-apivideo-org-label-question] | Questions more than bug reports or feature requests (e.g. how do I do X). |
+| `feedback` | [search][search-apivideo-org-label-feedback] | General feedback more than bug reports or feature requests. |
+| `help-wanted` | [search][search-apivideo-org-label-help-wanted] | The api.video team would appreciate help from the community in resolving these issues. |
+| `more-information-needed` | [search][search-apivideo-org-label-more-information-needed] | More information needs to be collected about these problems or feature requests (e.g. steps to reproduce). |
+| `needs-reproduction` | [search][search-apivideo-org-label-needs-reproduction] | Likely bugs, but haven't been reliably reproduced. |
+| `blocked` | [search][search-apivideo-org-label-blocked] | Issues blocked on other issues. |
+| `duplicate` | [search][search-apivideo-org-label-duplicate] | Issues which are duplicates of other issues, i.e. they have been reported before. |
+| `wontfix` | [search][search-apivideo-org-label-wontfix] | The api.video team has decided not to fix these issues for now, either because they're working as intended or for some other reason. |
+| `invalid` | [search][search-apivideo-org-label-invalid] | Issues which aren't valid (e.g. user errors). |
+| `package-idea` | [search][search-apivideo-org-label-package-idea] | Feature request which might be good candidates for new packages, instead of extending api.video packages. |
+| `wrong-repo` | [search][search-apivideo-org-label-wrong-repo] | Issues reported on the wrong repository. |
+
+#### Topic categories
+
+| Label name | `apivideo` :mag_right: | Description |
+| --- | --- | --- |
+| `windows` | [search][search-apivideo-org-label-windows] | Related to api.video running on Windows. |
+| `linux` | [search][search-apivideo-org-label-linux] | Related to api.video running on Linux. |
+| `mac` | [search][search-apivideo-org-label-mac] | Related to api.video running on macOS. |
+| `documentation` | [search][search-apivideo-org-label-documentation] | Related to any type of documentation. |
+| `performance` | [search][search-apivideo-org-label-performance] | Related to performance. |
+| `security` | [search][search-apivideo-org-label-security] | Related to security. |
+| `ui` | [search][search-apivideo-org-label-ui] | Related to visual design. |
+| `api` | [search][search-apivideo-org-label-api] | Related to api.video's public APIs. |
+
+#### Pull request labels
+
+| Label name | `apivideo` :mag_right: | Description
+| --- | --- | --- |
+| `work-in-progress` | [search][search-apivideo-org-label-work-in-progress] | Pull requests which are still being worked on, more changes will follow. |
+| `needs-review` | [search][search-apivideo-org-label-needs-review] | Pull requests which need code review, and approval from maintainers or api.video team. |
+| `under-review` | [search][search-apivideo-org-label-under-review] | Pull requests being reviewed by maintainers or api.video team. |
+| `requires-changes` | [search][search-apivideo-org-label-requires-changes] | Pull requests which need to be updated based on review comments and then reviewed again. |
+| `needs-testing` | [search][search-apivideo-org-label-needs-testing] | Pull requests which need manual testing. |
+
+[search-apivideo-org-label-enhancement]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Aenhancement
+[search-apivideo-org-label-bug]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Abug
+[search-apivideo-org-label-question]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Aquestion
+[search-apivideo-org-label-feedback]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Afeedback
+[search-apivideo-org-label-help-wanted]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Ahelp-wanted
+[search-apivideo-org-label-more-information-needed]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Amore-information-needed
+[search-apivideo-org-label-needs-reproduction]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Aneeds-reproduction
+[search-apivideo-org-label-windows]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Awindows
+[search-apivideo-org-label-linux]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Alinux
+[search-apivideo-org-label-mac]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Amac
+[search-apivideo-org-label-documentation]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Adocumentation
+[search-apivideo-org-label-performance]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Aperformance
+[search-apivideo-org-label-security]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Asecurity
+[search-apivideo-org-label-ui]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Aui
+[search-apivideo-org-label-api]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Aapi
+[search-apivideo-org-label-blocked]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Ablocked
+[search-apivideo-org-label-duplicate]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Aduplicate
+[search-apivideo-org-label-wontfix]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Awontfix
+[search-apivideo-org-label-invalid]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Ainvalid
+[search-apivideo-org-label-package-idea]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Apackage-idea
+[search-apivideo-org-label-wrong-repo]: https://github.com/search?q=is%3Aopen+is%3Aissue+user%3Aapivideo+label%3Awrong-repo
+[search-apivideo-org-label-work-in-progress]: https://github.com/search?q=is%3Aopen+is%3Apr+repo%3Aapivideo%2Fapivideo+label%3Awork-in-progress
+[search-apivideo-org-label-needs-review]: https://github.com/search?q=is%3Aopen+is%3Apr+repo%3Aapivideo%2Fapivideo+label%3Aneeds-review
+[search-apivideo-org-label-under-review]: https://github.com/search?q=is%3Aopen+is%3Apr+repo%3Aapivideo%2Fapivideo+label%3Aunder-review
+[search-apivideo-org-label-requires-changes]: https://github.com/search?q=is%3Aopen+is%3Apr+repo%3Aapivideo%2Fapivideo+label%3Arequires-changes
+[search-apivideo-org-label-needs-testing]: https://github.com/search?q=is%3Aopen+is%3Apr+repo%3Aapivideo%2Fapivideo+label%3Aneeds-testing
+
+[help-wanted]:https://github.com/search?q=is%3Aopen+is%3Aissue+label%3Ahelp-wanted+user%3Aapivideo+sort%3Acomments-desc

plugins/apivideo_live_stream/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 api.video
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

plugins/apivideo_live_stream/README.md

@@ -0,0 +1,214 @@
+<!--<documentation_excluded>-->
+[![badge](https://img.shields.io/twitter/follow/api_video?style=social)](https://twitter.com/intent/follow?screen_name=api_video)
+&nbsp; [![badge](https://img.shields.io/github/stars/apivideo/api.video-flutter-live-stream?style=social)](https://github.com/apivideo/api.video-flutter-live-stream)
+&nbsp; [![badge](https://img.shields.io/discourse/topics?server=https%3A%2F%2Fcommunity.api.video)](https://community.api.video)
+![](https://github.com/apivideo/.github/blob/main/assets/apivideo_banner.png)
+
+<h1 align="center">Flutter RTMP live stream client</h1>
+
+[api.video](https://api.video) is the video infrastructure for product builders. Lightning fast
+video APIs for integrating, scaling, and managing on-demand & low latency live streaming features in
+your app.
+
+## Table of contents
+
+- [Table of contents](#table-of-contents)
+- [Project description](#project-description)
+- [Getting started](#getting-started)
+    - [Installation](#installation)
+    - [Permissions](#permissions)
+    - [Code sample](#code-sample)
+        - [Manage application lifecycle](#manage-application-lifecycle)
+- [Example App](#example-app)
+    - [Setup](#setup)
+        - [Android](#android)
+        - [iOS](#ios)
+- [Plugins](#plugins)
+- [FAQ](#faq)
+
+<!--</documentation_excluded>-->
+<!--<documentation_only>
+---
+title: Flutter RTMP live stream client
+meta:
+description: The official Flutter RTMP live stream client for
+api.video. [api.video](https://api.video/) is the video infrastructure for product builders.
+Lightning fast video APIs for integrating, scaling, and managing on-demand & low latency live
+streaming features in your app.
+---
+
+# Flutter RTMP Live stream Client
+
+[api.video](https://api.video/) is the video infrastructure for product builders. Lightning fast
+video APIs for integrating, scaling, and managing on-demand & low latency live streaming features in
+your app.
+
+</documentation_only>-->
+
+## Project description
+
+This module is made for broadcasting RTMP live stream from smartphone camera.
+
+## Getting started
+
+### Installation
+
+Run the following command at the root of your project:
+
+```shell
+flutter pub add apivideo_live_stream
+```
+
+In your dart file, import the package:
+
+```dart 
+import 'package:apivideo_live_stream/apivideo_live_stream.dart';
+```
+
+### Permissions
+
+To be able to broadcast, you must:
+
+1. On Android: ask for internet, camera and microphone permissions:
+
+```xml
+
+<manifest>
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.CAMERA" />
+</manifest>
+```
+
+The library will require android.permission.CAMERA and android.permission.RECORD_AUDIO at runtime.
+You don't need to request them.
+
+2. On iOS: update the Info.plist with a usage description for camera and microphone
+
+```xml
+
+<key>NSCameraUsageDescription</key>
+<string>Your own description of the purpose</string>
+<key>NSMicrophoneUsageDescription</key>
+<string>Your own description of the purpose</string>
+```
+
+### Code sample
+
+1. Creates a live stream controller
+
+```dart
+
+final ApiVideoLiveStreamController _controller = ApiVideoLiveStreamController(
+    initialAudioConfig: AudioConfig(), initialVideoConfig: VideoConfig.withDefaultBitrate());
+```
+
+2. Initializes the live stream controller
+
+```dart
+await _controller.initialize();
+```
+
+3. Adds a CameraPreview widget as a child of your view
+
+```dart
+@override
+Widget build(BuildContext context) {
+  return SizedBox(
+      width: 300.0,
+      height: 300.0,
+      child: ApiVideoCameraPreview(controller: _controller));
+}
+```
+
+`ApiVideoCameraPreview` parameters:
+
+- `controller`: the live stream controller
+- `fit`: the fit of the preview (default is BoxFit.contain,
+  see [BoxFit](https://api.flutter.dev/flutter/painting/BoxFit.html) for more information)
+- `child`: a child widget to overlay on top of the preview (optional)
+
+4. Starts a live stream
+
+```dart
+_controller.startStreaming("YOUR_STREAM_KEY");
+```
+
+5. Stops streaming and preview
+
+```dart
+_controller.stop();
+```
+
+#### Manage application lifecycle
+
+On the application side, you must manage application lifecycle:
+
+```dart
+@override
+void didChangeAppLifecycleState(AppLifecycleState state) {
+  if (state == AppLifecycleState.inactive) {
+    _controller.stop();
+  } else if (state == AppLifecycleState.resumed) {
+    _controller.startPreview();
+  }
+}
+```
+
+## Example App
+
+You can try
+our [example app](https://github.com/apivideo/api.video-flutter-live-stream/tree/master/example),
+feel free to test it.
+
+### Setup
+
+Be sure to follow the [Flutter installation steps](https://docs.flutter.dev/get-started/) before
+anything.
+
+1) Open Android Studio
+2) File > New > Project from Version Control
+
+In URL field, type:
+
+```shell
+git@github.com:apivideo/api.video-flutter-live-stream.git
+```
+
+Wait for the indexation to finish.
+
+#### Android
+
+Connect an Android device to your computer and click on the `Run main.dart` button.
+
+#### iOS
+
+1) Connect an iOS device to your computer and click on the `Run main.dart` button.
+
+2) The build will fail because you haven't set your development profile, sign your application:
+
+Open Xcode, click on "Open a project or file" and open
+the `YOUR_PROJECT_NAME/example/ios/Runner.xcworkspace` file.
+<br />Click on Example, go in `Signin & Capabilities` tab, add your team and create a unique bundle
+identifier.
+
+## Plugins
+
+api.video Flutter live stream library is using external native libraries:
+
+| Plugin     | README       |
+|------------|--------------|
+| StreamPack | [StreamPack] |
+| HaishinKit | [HaishinKit] |
+
+## FAQ
+
+If you have any questions, ask us in the [community](https://community.api.video) or
+use [issues](https://github.com/apivideo/api.video-flutter-live-stream/issues).
+
+[//]: # (These are reference links used in the body of this note and get stripped out when the markdown processor does its job. There is no need to format nicely because it shouldn't be seen. Thanks SO - http://stackoverflow.com/questions/4823468/store-comments-in-markdown-syntax)
+
+[StreamPack]: <https://github.com/ThibaultBee/StreamPack>
+
+[HaishinKit]: <https://github.com/shogo4405/HaishinKit.swift>
+

plugins/apivideo_live_stream/analysis_options.yaml

@@ -0,0 +1,7 @@
+include: package:flutter_lints/flutter.yaml
+
+linter:
+  rules:
+    constant_identifier_names: false
+    prefer_final_fields: false
+    prefer_single_quotes: false

plugins/apivideo_live_stream/android/.gradle/buildOutputCleanup/cache.properties

@@ -0,0 +1,2 @@
+#Mon Jul 13 17:53:35 CST 2026
+gradle.version=8.2

plugins/apivideo_live_stream/android/build.gradle

@@ -0,0 +1,62 @@
+group 'video.api.flutter.livestream'
+version '1.0-SNAPSHOT'
+
+buildscript {
+    ext {
+        kotlin_version = '1.9.22'
+        streamPackVersion = '2.6.0'
+    }
+    repositories {
+        google()
+        mavenCentral()
+    }
+
+    dependencies {
+        classpath 'com.android.tools.build:gradle:8.2.2'
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+    }
+}
+
+rootProject.allprojects {
+    repositories {
+        google()
+        mavenCentral()
+    }
+}
+
+apply plugin: 'com.android.library'
+apply plugin: 'kotlin-android'
+
+android {
+    compileSdk 34
+
+    sourceSets {
+        main.java.srcDirs += 'src/main/kotlin'
+    }
+
+    defaultConfig {
+        minSdkVersion 21
+    }
+
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+
+    kotlinOptions {
+        jvmTarget = '1.8'
+    }
+
+    namespace "video.api.flutter.livestream"
+}
+
+dependencies {
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
+
+    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.3'
+    implementation 'androidx.appcompat:appcompat:1.6.1'
+
+    implementation "io.github.thibaultbee:streampack:$streamPackVersion"
+    implementation "io.github.thibaultbee:streampack-extension-rtmp:$streamPackVersion"
+}

plugins/apivideo_live_stream/android/gradle.properties

@@ -0,0 +1,3 @@
+org.gradle.jvmargs=-Xmx1536M
+android.useAndroidX=true
+android.enableJetifier=true

plugins/apivideo_live_stream/android/gradle/wrapper/gradle-wrapper.properties

@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.2-all.zip

plugins/apivideo_live_stream/android/settings.gradle

@@ -0,0 +1 @@
+rootProject.name = 'apivideo_live_stream'

plugins/apivideo_live_stream/android/src/main/AndroidManifest.xml

@@ -0,0 +1,9 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-feature
+        android:name="android.hardware.camera"
+        android:required="true"/>
+
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+</manifest>

plugins/apivideo_live_stream/android/src/main/kotlin/video/api/flutter/livestream/ApiVideoLiveStreamPlugin.kt

@@ -0,0 +1,54 @@
+package video.api.flutter.livestream
+
+import io.flutter.embedding.engine.plugins.FlutterPlugin
+import io.flutter.embedding.engine.plugins.FlutterPlugin.FlutterPluginBinding
+import io.flutter.embedding.engine.plugins.activity.ActivityAware
+import io.flutter.embedding.engine.plugins.activity.ActivityPluginBinding
+
+/** ApiVideoLiveStreamPlugin */
+class ApiVideoLiveStreamPlugin : FlutterPlugin, ActivityAware {
+    private var permissionsManager: PermissionsManager? = null
+    private var methodCallHandlerImpl: MethodCallHandlerImpl? = null
+
+    override fun onAttachedToEngine(binding: FlutterPluginBinding) {
+        permissionsManager = PermissionsManager(binding.applicationContext).apply {
+            methodCallHandlerImpl = MethodCallHandlerImpl(
+                binding.applicationContext,
+                binding.binaryMessenger,
+                this,
+                binding.textureRegistry
+            ).apply {
+                startListening()
+            }
+        }
+    }
+
+    override fun onDetachedFromEngine(binding: FlutterPluginBinding) {
+        methodCallHandlerImpl?.stopListening()
+        methodCallHandlerImpl = null
+        permissionsManager = null
+    }
+
+    override fun onAttachedToActivity(binding: ActivityPluginBinding) {
+        val activity = binding.activity
+        permissionsManager?.let {
+            it.activity = activity
+            binding.addRequestPermissionsResultListener(it)
+        }
+    }
+
+    override fun onDetachedFromActivityForConfigChanges() {
+        permissionsManager?.activity = null
+    }
+
+    override fun onReattachedToActivityForConfigChanges(binding: ActivityPluginBinding) {
+        permissionsManager?.let {
+            it.activity = null
+            binding.addRequestPermissionsResultListener(it)
+        }
+    }
+
+    override fun onDetachedFromActivity() {
+        permissionsManager?.activity = null
+    }
+}