android webrtc player

webrtc_player/android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    package="com.zlmediakit.webrtc">
+
+    <uses-feature android:name="android.hardware.camera"/>
+    <uses-feature android:name="android.hardware.camera.autofocus"/>
+    <uses-feature
+        android:glEsVersion="0x00020000"
+        android:required="true"/>
+
+    <uses-permission android:name="android.permission.CAMERA"/>
+    <uses-permission android:name="android.permission.CHANGE_NETWORK_STATE"/>
+    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
+    <uses-permission android:name="android.permission.RECORD_AUDIO"/>
+    <uses-permission android:name="android.permission.INTERNET"/>
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
+    <uses-permission android:name="android.permission.CAPTURE_VIDEO_OUTPUT"/>
+    <uses-permission android:name="android.permission.READ_PHONE_STATE"/>
+    <application
+        android:allowBackup="true"
+        android:dataExtractionRules="@xml/data_extraction_rules"
+        android:fullBackupContent="@xml/backup_rules"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/Theme.AndroidWebRTC"
+        android:usesCleartextTraffic="true"
+
+
+        tools:targetApi="31">
+        <activity
+            android:name=".MainActivity"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>

webrtc_player/android/app/src/main/java/com/zlmediakit/webrtc/MainActivity.kt

@@ -0,0 +1,79 @@
+package com.zlmediakit.webrtc
+
+import android.annotation.SuppressLint
+import android.graphics.drawable.BitmapDrawable
+import android.graphics.drawable.Drawable
+import android.os.Bundle
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import kotlinx.android.synthetic.main.activity_main.*
+import kotlinx.android.synthetic.main.activity_main.view.*
+
+
+class MainActivity : AppCompatActivity() {
+
+    private var isSpeaker = true
+
+    @SuppressLint("SetTextI18n")
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_main)
+
+        lifecycle.addObserver(web_rtc_sv)
+
+        //http://124.223.98.45/index/api/webrtc?app=live&stream=test&type=play
+        url.setText("http://124.223.98.45/index/api/webrtc?app=live&stream=test&type=play")
+
+        //http://192.168.1.17/index/api/webrtc?app=live&stream=test&type=play
+        btn_play.setOnClickListener {
+            web_rtc_sv?.setVideoPath(url.text.toString())
+            web_rtc_sv.start()
+        }
+
+        web_rtc_sv.setOnErrorListener { errorCode, errorMsg ->
+            runOnUiThread {
+                Toast.makeText(this, "errorCode:$errorCode,errorMsg:$errorMsg", Toast.LENGTH_SHORT)
+                    .show()
+            }
+        }
+
+
+        btn_pause.setOnClickListener {
+            web_rtc_sv?.pause()
+        }
+
+        btn_resume.setOnClickListener {
+            web_rtc_sv?.resume()
+        }
+
+        btn_screenshot.setOnClickListener {
+            web_rtc_sv?.screenshot {
+                runOnUiThread {
+                    iv_screen.setImageDrawable(BitmapDrawable(it))
+                }
+            }
+        }
+
+        btn_mute.setOnClickListener {
+            web_rtc_sv.mute(true)
+        }
+
+
+        selectAudio()
+        btn_speaker.setOnClickListener {
+            selectAudio()
+        }
+
+    }
+
+    fun selectAudio(){
+        if (isSpeaker){
+            btn_speaker.setText("扬声器")
+            web_rtc_sv.setSpeakerphoneOn(isSpeaker)
+        }else{
+            btn_speaker.setText("话筒")
+            web_rtc_sv.setSpeakerphoneOn(isSpeaker)
+        }
+        isSpeaker=!isSpeaker
+    }
+}

webrtc_player/android/app/src/main/java/com/zlmediakit/webrtc/WebRTCSurfaceView.kt

@@ -0,0 +1,439 @@
+package com.zlmediakit.webrtc
+
+import android.content.Context
+import android.graphics.Bitmap
+import android.media.AudioManager
+import android.util.AttributeSet
+import android.util.Log
+import android.view.LayoutInflater
+import android.widget.RelativeLayout
+import androidx.lifecycle.DefaultLifecycleObserver
+import androidx.lifecycle.LifecycleOwner
+import com.google.gson.Gson
+import okhttp3.*
+import okhttp3.MediaType.Companion.toMediaType
+import okhttp3.MediaType.Companion.toMediaTypeOrNull
+import org.webrtc.*
+import org.webrtc.RendererCommon.ScalingType
+import org.webrtc.audio.AudioDeviceModule
+import org.webrtc.audio.JavaAudioDeviceModule
+import java.io.IOException
+import java.util.*
+
+public class WebRTCSurfaceView(context: Context, attrs: AttributeSet?) :
+    RelativeLayout(context, attrs), DefaultLifecycleObserver, RendererCommon.RendererEvents {
+
+
+    private data class sdp(var sdp: String, var username: String, var password: String)
+
+    private data class SdpResponse(var code: Int, var id: String, var sdp: String, var type: String)
+
+    private enum class ErrorCode(val errorCode: Int) {
+        SUCCESS(0x00),
+        GET_REMOTE_SDP_ERROR(0x01);
+    }
+
+
+    companion object {
+        private val TAG = "WebRTCSurfaceView"
+
+    }
+
+    private var mContext: Context = context
+
+    private val eglBase: EglBase = EglBase.create()
+    private var mEGLBaseContext: EglBase.Context = eglBase.eglBaseContext
+
+    private lateinit var videoUrl: String;
+
+    private var mPeerConnectionFactory: PeerConnectionFactory? = null
+
+    private var mLocalMediaStream: MediaStream? = null
+    private var mLocalAudioTrack: AudioTrack? = null
+    private var mAudioSource: AudioSource? = null
+
+    private var mLocalSessionDescription: SessionDescription? = null
+    private var mRemoteSessionDescription: SessionDescription? = null
+
+    private var mLocalPeer: Peer? = null
+
+    private var mSurfaceViewRenderer: SurfaceViewRenderer
+
+    private lateinit var OnErrorListener: (errorCode: Int, errorMsg: String) -> Unit?
+
+    fun setOnErrorListener(listener: (errorCode: Int, errorMsg: String) -> Unit) {
+        this.OnErrorListener = listener
+    }
+
+    private lateinit var OnPreparedListener: () -> Unit?
+
+    fun setOnPreparedListener(listener: () -> Unit) {
+        this.OnPreparedListener = listener
+    }
+
+    private val audioManager: AudioManager
+
+
+    init {
+
+        val view = LayoutInflater.from(mContext).inflate(R.layout.layout_videoview, this)
+
+        mPeerConnectionFactory = createConnectionFactory()
+
+        mSurfaceViewRenderer = view.findViewById(R.id.surface_view_renderer)
+
+        mSurfaceViewRenderer.init(mEGLBaseContext, this)
+        mSurfaceViewRenderer.setScalingType(ScalingType.SCALE_ASPECT_FILL)
+        mSurfaceViewRenderer.setEnableHardwareScaler(true)
+
+
+        //创建媒体流
+        mLocalMediaStream = mPeerConnectionFactory?.createLocalMediaStream("ARDAMS")
+        //采集音频
+        mAudioSource = mPeerConnectionFactory?.createAudioSource(createAudioConstraints())
+        mLocalAudioTrack = mPeerConnectionFactory?.createAudioTrack("ARDAMSa0", mAudioSource)
+
+        //添加Tracks
+        mLocalMediaStream?.addTrack(mLocalAudioTrack)
+
+        audioManager = context.getSystemService(Context.AUDIO_SERVICE) as AudioManager
+        audioManager.isSpeakerphoneOn = false
+
+
+    }
+
+
+    private fun set(width: Int, height: Int) {
+        layoutParams.width = width
+        layoutParams.height = height
+    }
+
+    private fun createConnectionFactory(): PeerConnectionFactory? {
+
+        val options = PeerConnectionFactory.InitializationOptions.builder(mContext)
+            .setEnableInternalTracer(false)
+            .createInitializationOptions()
+
+        PeerConnectionFactory.initialize(options)
+
+        val videoEncoderFactory = DefaultVideoEncoderFactory(
+            mEGLBaseContext,
+            true,
+            true
+        )
+
+        val videoDecoderFactory = DefaultVideoDecoderFactory(mEGLBaseContext)
+
+
+        val audioDevice = createJavaAudioDevice()
+        val peerConnectionFactory = PeerConnectionFactory.builder()
+            .setAudioDeviceModule(audioDevice)
+            .setVideoEncoderFactory(videoEncoderFactory)
+            .setVideoDecoderFactory(videoDecoderFactory)
+            .createPeerConnectionFactory()
+        audioDevice.release()
+
+        return peerConnectionFactory
+
+    }
+
+    private fun createAudioConstraints(): MediaConstraints {
+        val audioConstraints = MediaConstraints()
+        audioConstraints.mandatory.add(
+            MediaConstraints.KeyValuePair(
+                "googEchoCancellation",
+                "true"
+            )
+        )
+        audioConstraints.mandatory.add(
+            MediaConstraints.KeyValuePair(
+                "googAutoGainControl",
+                "false"
+            )
+        )
+        audioConstraints.mandatory.add(
+            MediaConstraints.KeyValuePair(
+                "googHighpassFilter",
+                "true"
+            )
+        )
+        audioConstraints.mandatory.add(
+            MediaConstraints.KeyValuePair(
+                "googNoiseSuppression",
+                "true"
+            )
+        )
+        return audioConstraints
+    }
+
+    private fun offerOrAnswerConstraint(): MediaConstraints {
+        val mediaConstraints = MediaConstraints()
+        val keyValuePairs = java.util.ArrayList<MediaConstraints.KeyValuePair>()
+        keyValuePairs.add(MediaConstraints.KeyValuePair("OfferToReceiveAudio", "true"))
+        keyValuePairs.add(MediaConstraints.KeyValuePair("OfferToReceiveVideo", "true"))
+        mediaConstraints.mandatory.addAll(keyValuePairs)
+        return mediaConstraints
+    }
+
+    private fun createJavaAudioDevice(): AudioDeviceModule {
+        val audioTrackErrorCallback: JavaAudioDeviceModule.AudioTrackErrorCallback = object :
+            JavaAudioDeviceModule.AudioTrackErrorCallback {
+            override fun onWebRtcAudioTrackInitError(errorMessage: String) {
+                Log.i(TAG, "onWebRtcAudioTrackInitError ============> $errorMessage")
+
+            }
+
+            override fun onWebRtcAudioTrackStartError(
+                errorCode: JavaAudioDeviceModule.AudioTrackStartErrorCode, errorMessage: String
+            ) {
+                Log.i(TAG, "onWebRtcAudioTrackStartError ============> $errorCode:$errorMessage")
+
+            }
+
+            override fun onWebRtcAudioTrackError(errorMessage: String) {
+                Log.i(TAG, "onWebRtcAudioTrackError ============> $errorMessage")
+
+            }
+        }
+
+
+        // Set audio track state callbacks.
+        val audioTrackStateCallback: JavaAudioDeviceModule.AudioTrackStateCallback = object :
+            JavaAudioDeviceModule.AudioTrackStateCallback {
+            override fun onWebRtcAudioTrackStart() {
+                Log.i(TAG, "onWebRtcAudioTrackStart ============>")
+
+            }
+
+            override fun onWebRtcAudioTrackStop() {
+                Log.i(TAG, "onWebRtcAudioTrackStop ============>")
+
+            }
+        }
+
+        return JavaAudioDeviceModule.builder(mContext)
+            .setUseHardwareAcousticEchoCanceler(true)
+            .setUseHardwareNoiseSuppressor(true)
+            .setAudioTrackErrorCallback(audioTrackErrorCallback)
+            .setAudioTrackStateCallback(audioTrackStateCallback)
+            .setUseStereoOutput(true) //立体声
+            .createAudioDeviceModule()
+    }
+
+    fun setVideoPath(url: String) {
+        videoUrl = url
+    }
+
+    fun start() {
+
+        mLocalPeer = Peer {
+            val okHttpClient = OkHttpClient.Builder().build()
+
+
+            val body = RequestBody.create("text/plain; charset=utf-8".toMediaType(), it!!)
+
+
+            val request: Request = Request.Builder()
+                .url(videoUrl)
+                .post(body)
+                .build()
+
+            val call: Call = okHttpClient.newCall(request)
+
+            call.enqueue(object : Callback {
+                override fun onFailure(call: Call, e: IOException) {
+                    Log.i(TAG, "onFailure")
+                    OnErrorListener?.invoke(
+                        ErrorCode.GET_REMOTE_SDP_ERROR.errorCode,
+                        e.message.toString()
+                    )
+                }
+
+                override fun onResponse(call: Call, response: Response) {
+                    val body = response.body?.string()
+                    val sdpResponse = Gson().fromJson(body, SdpResponse::class.java)
+
+                    try {
+                        mRemoteSessionDescription = SessionDescription(
+                            SessionDescription.Type.fromCanonicalForm("answer"),
+                            sdpResponse.sdp
+                        )
+                        Log.i(
+                            TAG,
+                            "RemoteSdpObserver onCreateSuccess:[SessionDescription[type=${mRemoteSessionDescription?.type?.name},description=${mRemoteSessionDescription?.description}]]"
+                        )
+                        mLocalPeer?.setRemoteDescription(mRemoteSessionDescription!!)
+                    } catch (e: Exception) {
+                        Log.i(TAG, e.toString())
+                        OnErrorListener.invoke(
+                            ErrorCode.GET_REMOTE_SDP_ERROR.errorCode,
+                            e.localizedMessage
+                        )
+                    }
+                }
+            })
+        }
+    }
+
+    fun pause() {
+        mSurfaceViewRenderer.pauseVideo()
+        //mSurfaceViewRenderer.disableFpsReduction()
+    }
+
+    fun resume() {
+        mSurfaceViewRenderer.setFpsReduction(15f)
+    }
+
+    fun screenshot(listener: (bitmap: Bitmap) -> Unit) {
+        mSurfaceViewRenderer.addFrameListener({
+            listener.invoke(it)
+        }, 1f)
+    }
+
+    fun setSpeakerphoneOn(on: Boolean) {
+        audioManager.isSpeakerphoneOn = on
+    }
+
+    fun mute(on:Boolean) {
+        audioManager.isMicrophoneMute=on
+    }
+
+    override fun onDestroy(owner: LifecycleOwner) {
+        super.onDestroy(owner)
+        mSurfaceViewRenderer.release()
+        mLocalPeer?.mPeerConnection?.dispose()
+        mAudioSource?.dispose()
+        mPeerConnectionFactory?.dispose()
+    }
+
+    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
+
+    }
+
+    inner class Peer(var sdp: (String?) -> Unit = {}) : PeerConnection.Observer, SdpObserver {
+
+        var mPeerConnection: PeerConnection? = null
+
+        init {
+            mPeerConnection = createPeerConnection()
+            mPeerConnection?.createOffer(this, offerOrAnswerConstraint())
+        }
+
+        //初始化 RTCPeerConnection 连接管道
+        private fun createPeerConnection(): PeerConnection? {
+            if (mPeerConnectionFactory == null) {
+                mPeerConnectionFactory = createConnectionFactory()
+            }
+            // 管道连接抽象类实现方法
+            val ICEServers = LinkedList<PeerConnection.IceServer>()
+            val rtcConfig = PeerConnection.RTCConfiguration(ICEServers)
+            //修改模式 PlanB无法使用仅接收音视频的配置
+            //rtcConfig.sdpSemantics = PeerConnection.SdpSemantics.PLAN_B
+            return mPeerConnectionFactory?.createPeerConnection(rtcConfig, this)
+        }
+
+        fun setRemoteDescription(sdp: SessionDescription) {
+            mPeerConnection?.setRemoteDescription(this, sdp)
+        }
+
+        override fun onCreateSuccess(sessionDescription: SessionDescription?) {
+            mPeerConnection?.setLocalDescription(this, sessionDescription)
+            mPeerConnection?.addStream(mLocalMediaStream)
+            sdp.invoke(sessionDescription?.description)
+        }
+
+        override fun onSetSuccess() {
+
+        }
+
+        override fun onCreateFailure(p0: String?) {
+
+        }
+
+        override fun onSetFailure(p0: String?) {
+
+        }
+
+        override fun onSignalingChange(signalingState: PeerConnection.SignalingState?) {
+            Log.i(TAG, "onSignalingChange ============> " + signalingState.toString())
+        }
+
+        override fun onIceConnectionChange(iceConnectionState: PeerConnection.IceConnectionState?) {
+            Log.i(TAG, "onIceConnectionChange ============> " + iceConnectionState.toString())
+
+        }
+
+        override fun onIceConnectionReceivingChange(p0: Boolean) {
+            Log.i(TAG, "onIceConnectionReceivingChange ============> $p0")
+
+        }
+
+        override fun onIceGatheringChange(iceGatheringState: PeerConnection.IceGatheringState?) {
+            Log.i(TAG, "onIceGatheringChange ============> ${iceGatheringState.toString()}")
+        }
+
+        override fun onIceCandidate(iceCandidate: IceCandidate?) {
+            Log.i(TAG, "onIceCandidate ============> ${iceCandidate.toString()}")
+
+
+        }
+
+        override fun onIceCandidatesRemoved(p0: Array<out IceCandidate>?) {
+            Log.i(TAG, "onIceCandidatesRemoved ============> ${p0.toString()}")
+        }
+
+        override fun onAddStream(mediaStream: MediaStream?) {
+            Log.i(TAG, "onAddStream ============> ${mediaStream?.toString()}")
+
+            if (mediaStream?.videoTracks?.isEmpty() != true) {
+                val remoteVideoTrack = mediaStream?.videoTracks?.get(0)
+                remoteVideoTrack?.setEnabled(true)
+                remoteVideoTrack?.addSink(mSurfaceViewRenderer)
+            }
+
+            if (mediaStream?.audioTracks?.isEmpty() != true) {
+                val remoteAudioTrack = mediaStream?.audioTracks?.get(0)
+                remoteAudioTrack?.setEnabled(true)
+                remoteAudioTrack?.setVolume(1.0)
+            }
+
+
+        }
+
+        override fun onRemoveStream(mediaStream: MediaStream?) {
+            Log.i(TAG, "onRemoveStream ============> ${mediaStream.toString()}")
+
+        }
+
+        override fun onDataChannel(dataChannel: DataChannel?) {
+            Log.i(TAG, "onDataChannel ============> ${dataChannel.toString()}")
+
+        }
+
+        override fun onRenegotiationNeeded() {
+            Log.i(TAG, "onRenegotiationNeeded ============>")
+
+        }
+
+        override fun onAddTrack(rtpReceiver: RtpReceiver?, p1: Array<out MediaStream>?) {
+            Log.i(TAG, "onAddTrack ============>" + rtpReceiver?.track())
+            Log.i(TAG, "onAddTrack ============>" + p1?.size)
+
+        }
+    }
+
+    override fun onFirstFrameRendered() {
+        Log.i(TAG, "onFirstFrameRendered ============>")
+
+    }
+
+    override fun onFrameResolutionChanged(frameWidth: Int, frameHeight: Int, rotation: Int) {
+        Log.i(TAG, "onFrameResolutionChanged ============> $frameWidth:$frameHeight:$rotation")
+        //set(frameWidth,frameHeight)
+    }
+
+
+
+
+}

webrtc_player/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>

webrtc_player/android/app/src/main/res/drawable/ic_launcher_background.xml

@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>

webrtc_player/android/app/src/main/res/layout/activity_main.xml

@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".MainActivity">
+
+    <com.zlmediakit.webrtc.WebRTCSurfaceView
+        android:id="@+id/web_rtc_sv"
+        android:layout_width="match_parent"
+        android:layout_height="200dp"
+        app:layout_constraintTop_toTopOf="parent" />
+
+
+    <androidx.appcompat.widget.AppCompatEditText
+        android:id="@+id/url"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@+id/web_rtc_sv"
+        android:text=""/>
+    <LinearLayout
+        android:id="@+id/ll"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:layout_marginTop="30dp"
+        app:layout_constraintTop_toBottomOf="@+id/url">
+
+        <androidx.appcompat.widget.AppCompatButton
+            android:id="@+id/btn_play"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="播放" />
+        <androidx.appcompat.widget.AppCompatButton
+            android:id="@+id/btn_pause"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="暂停" />
+
+        <androidx.appcompat.widget.AppCompatButton
+            android:id="@+id/btn_resume"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="恢复" />
+
+        <androidx.appcompat.widget.AppCompatButton
+            android:id="@+id/btn_speaker"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="扬声器" />
+
+        <androidx.appcompat.widget.AppCompatButton
+            android:id="@+id/btn_mute"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="静音" />
+
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/ll2"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:layout_marginTop="10dp"
+        app:layout_constraintTop_toBottomOf="@+id/ll">
+
+
+        <androidx.appcompat.widget.AppCompatButton
+            android:id="@+id/btn_screenshot"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="截图" />
+
+        <androidx.appcompat.widget.AppCompatButton
+            android:id="@+id/btn_screen_record"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="录制" />
+
+
+    </LinearLayout>
+
+
+    <androidx.appcompat.widget.AppCompatImageView
+        android:id="@+id/iv_screen"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintBottom_toBottomOf="parent"
+        tools:ignore="MissingConstraints" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

webrtc_player/android/app/src/main/res/layout/layout_videoview.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <org.webrtc.SurfaceViewRenderer
+        android:id="@+id/surface_view_renderer"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"/>
+
+</RelativeLayout>

webrtc_player/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

webrtc_player/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

webrtc_player/android/app/src/main/res/values-night/themes.xml

@@ -0,0 +1,16 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Theme.AndroidWebRTC" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+        <!-- Primary brand color. -->
+        <item name="colorPrimary">@color/purple_200</item>
+        <item name="colorPrimaryVariant">@color/purple_700</item>
+        <item name="colorOnPrimary">@color/black</item>
+        <!-- Secondary brand color. -->
+        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_200</item>
+        <item name="colorOnSecondary">@color/black</item>
+        <!-- Status bar color. -->
+        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
+        <!-- Customize your theme here. -->
+    </style>
+</resources>

webrtc_player/android/app/src/main/res/values/colors.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="purple_200">#FFBB86FC</color>
+    <color name="purple_500">#FF6200EE</color>
+    <color name="purple_700">#FF3700B3</color>
+    <color name="teal_200">#FF03DAC5</color>
+    <color name="teal_700">#FF018786</color>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+</resources>

webrtc_player/android/app/src/main/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">AndroidWebRTC</string>
+</resources>

webrtc_player/android/app/src/main/res/values/themes.xml

@@ -0,0 +1,16 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Theme.AndroidWebRTC" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+        <!-- Primary brand color. -->
+        <item name="colorPrimary">@color/purple_500</item>
+        <item name="colorPrimaryVariant">@color/purple_700</item>
+        <item name="colorOnPrimary">@color/white</item>
+        <!-- Secondary brand color. -->
+        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_700</item>
+        <item name="colorOnSecondary">@color/black</item>
+        <!-- Status bar color. -->
+        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
+        <!-- Customize your theme here. -->
+    </style>
+</resources>

webrtc_player/android/app/src/main/res/xml/backup_rules.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample backup rules file; uncomment and customize as necessary.
+   See https://developer.android.com/guide/topics/data/autobackup
+   for details.
+   Note: This file is ignored for devices older that API 31
+   See https://developer.android.com/about/versions/12/backup-restore
+-->
+<full-backup-content>
+    <!--
+   <include domain="sharedpref" path="."/>
+   <exclude domain="sharedpref" path="device.xml"/>
+-->
+</full-backup-content>

webrtc_player/android/app/src/main/res/xml/data_extraction_rules.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample data extraction rules file; uncomment and customize as necessary.
+   See https://developer.android.com/about/versions/12/backup-restore#xml-changes
+   for details.
+-->
+<data-extraction-rules>
+    <cloud-backup>
+        <!-- TODO: Use <include> and <exclude> to control what is backed up.
+        <include .../>
+        <exclude .../>
+        -->
+    </cloud-backup>
+    <!--
+    <device-transfer>
+        <include .../>
+        <exclude .../>
+    </device-transfer>
+    -->
+</data-extraction-rules>