모바일 앱(안드로이드)

Android Jetpack Compose로 Wi-Fi 목록 표시 및 연결, 비디오 정보 수신 앱 만들기 (AI 와 코딩해 보기 2번째)

Billcorea 2025. 2. 25. 15:35
반응형

Android Jetpack Compose로 Wi-Fi 목록 표시 및 연결, 비디오 정보 수신 앱 만들기

바다이야기

 

Android Jetpack Compose를 사용하여 Wi-Fi 목록을 표시하고, 선택한 Wi-Fi 네트워크에 연결하며, 해당 네트워크에서 송출되는 비디오 정보를 수신하는 앱을 만드는 방법을 소개합니다.

1. 프로젝트 설정

  • Android Studio에서 "Empty Compose Activity" 템플릿으로 새 프로젝트를 생성합니다.
  • AndroidManifest.xml 파일에 필요한 권한을 추가합니다.
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
Use code with caution.Xml

2. 의존성 추가

  • build.gradle (Module: app) 파일에 Compose 관련 의존성을 추가합니다.
dependencies {
    implementation("androidx.compose.ui:ui:$compose_version")
    implementation("androidx.compose.material:material:$compose_version")
    implementation("androidx.compose.ui:ui-tooling-preview:$compose_version")
    implementation("androidx.lifecycle:lifecycle-runtime-compose:2.6.1")
    implementation("androidx.activity:activity-compose:1.7.2")
    testImplementation("junit:junit:4.13.2")
    androidTestImplementation("androidx.test.ext:junit:1.1.5")
    androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
    androidTestImplementation("androidx.compose.ui:ui-test-junit4:$compose_version")
    debugImplementation("androidx.compose.ui:ui-tooling:$compose_version")
    debugImplementation("androidx.compose.ui:ui-test-manifest:$compose_version")
}
Use code with caution.Gradle

3. Wi-Fi 스캔 및 UI 구현 (WifiScanner.kt)

  • WifiManager를 초기화하고 Wi-Fi 스캔을 수행하는 WifiScanner 컴포저블 함수를 작성합니다.
  • ActivityResultContracts.RequestMultiplePermissions를 사용하여 필요한 권한을 요청합니다.
  • scanWifi 함수를 통해 Wi-Fi 스캔을 시작하고 결과를 scanResults 상태 변수에 저장합니다.
  • WifiList 컴포저블 함수를 호출하여 UI를 표시합니다.
  • connectToWifi 함수를 통해 선택한 Wi-Fi 네트워크에 연결하고, 연결 성공 시 getVideoInfo 함수를 호출하여 비디오 정보를 수신합니다.
import android.Manifest
import android.annotation.SuppressLint
import android.content.Context
import android.content.pm.PackageManager
import android.net.wifi.WifiConfiguration
import android.net.wifi.WifiManager
import android.net.wifi.ScanResult
import android.os.Build
import android.widget.Toast
import androidx.activity.compose.rememberLauncherForActivityResult
import androidx.activity.result.contract.ActivityResultContracts
import androidx.compose.runtime.*
import androidx.compose.ui.platform.LocalContext
import androidx.core.content.ContextCompat

@SuppressLint("MissingPermission")
@Composable
fun WifiScanner(onVideoInfoReceived: (String) -> Unit) {
    val context = LocalContext.current
    val wifiManager = context.applicationContext.getSystemService(Context.WIFI_SERVICE) as WifiManager
    var scanResults by remember { mutableStateOf<List<ScanResult>>(emptyList()) }
    var isScanning by remember { mutableStateOf(false) }
    var wifiEnabled by remember { mutableStateOf(wifiManager.isWifiEnabled) }
    var connectedSsid by remember { mutableStateOf<String?>(null) }

    // 권한 요청
    val requestPermissionLauncher = rememberLauncherForActivityResult(
        contract = ActivityResultContracts.RequestMultiplePermissions(),
        onResult = { permissions ->
            if (permissions.all { it.value }) {
                scanWifi(context, wifiManager) { results ->
                    scanResults = results
                    isScanning = false
                }
            } else {
                println("Permissions denied")
            }
        }
    )

    // 권한 확인 및 요청
    fun checkAndRequestPermissions() {
        val permissionsToRequest = mutableListOf<String>()

        if (ContextCompat.checkSelfPermission(context, Manifest.permission.ACCESS_FINE_LOCATION) != PackageManager.PERMISSION_GRANTED) {
            permissionsToRequest.add(Manifest.permission.ACCESS_FINE_LOCATION)
        }
        if (ContextCompat.checkSelfPermission(context, Manifest.permission.ACCESS_COARSE_LOCATION) != PackageManager.PERMISSION_GRANTED) {
            permissionsToRequest.add(Manifest.permission.ACCESS_COARSE_LOCATION)
        }

        if (permissionsToRequest.isNotEmpty()) {
            requestPermissionLauncher.launch(permissionsToRequest.toTypedArray())
        } else {
            scanWifi(context, wifiManager) { results ->
                scanResults = results
                isScanning = false
            }
        }
    }

    // Wi-Fi 스캔
    fun scanWifi(context: Context, wifiManager: WifiManager, onResults: (List<ScanResult>) -> Unit) {
        if (!wifiManager.isWifiEnabled) {
            wifiManager.isWifiEnabled = true
            wifiEnabled = true
        }

        isScanning = true
        val success = wifiManager.startScan()
        if (!success) {
            println("Wifi scan failed")
            onResults(emptyList())
            isScanning = false
        } else {
            val results = wifiManager.scanResults
            onResults(results)
        }
    }

    // Wi-Fi 연결
    fun connectToWifi(ssid: String) {
        val conf = WifiConfiguration().apply {
            this.SSID = String.format("\"%s\"", ssid)
            allowedKeyManagement.set(WifiConfiguration.KeyMgmt.NONE)
        }

        val networkId = wifiManager.addNetwork(conf)

        if (networkId != -1) {
            wifiManager.disconnect()
            wifiManager.enableNetwork(networkId, true)
            wifiManager.reconnect()
            connectedSsid = ssid
            Toast.makeText(context, "$ssid 에 연결 중...", Toast.LENGTH_SHORT).show()

            // 비디오 정보 수신 시작
            getVideoInfo(context, onVideoInfoReceived)
        } else {
            Toast.makeText(context, "Wi-Fi 연결 실패", Toast.LENGTH_SHORT).show()
        }
    }

    LaunchedEffect(Unit) {
        checkAndRequestPermissions()
    }

    // UI (Compose) 부분
    WifiList(scanResults = scanResults, isScanning = isScanning, connectedSsid = connectedSsid,
        onRefresh = { checkAndRequestPermissions() },
        onConnect = { ssid -> connectToWifi(ssid) }
    )
}
Use code with caution.Kotlin

4. Wi-Fi 목록 UI 구현 (WifiList.kt)

  • WifiList 컴포저블 함수를 사용하여 Wi-Fi 목록을 표시합니다.
  • LazyColumn을 사용하여 목록을 효율적으로 표시합니다.
  • WifiListItem 컴포저블 함수를 사용하여 각 Wi-Fi 항목을 표시하고, 연결 버튼을 제공합니다.
import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import android.net.wifi.ScanResult
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items

@Composable
fun WifiList(scanResults: List<ScanResult>, isScanning: Boolean, connectedSsid: String?, onRefresh: () -> Unit, onConnect: (String) -> Unit) {
    Column(modifier = Modifier.padding(16.dp)) {
        Text(text = "Wi-Fi 목록", style = MaterialTheme.typography.h6)

        Spacer(modifier = Modifier.height(8.dp))

        if (connectedSsid != null) {
            Text(text = "현재 연결된 Wi-Fi: $connectedSsid", style = MaterialTheme.typography.body1)
        }

        Button(onClick = { onRefresh() }, enabled = !isScanning) {
            Text(text = if (isScanning) "스캔 중..." else "새로고침")
        }

        Spacer(modifier = Modifier.height(16.dp))

        if (scanResults.isEmpty()) {
            if (isScanning) {
                Box(modifier = Modifier.fillMaxWidth().height(200.dp), contentAlignment = Alignment.Center) {
                    CircularProgressIndicator()
                }
            } else {
                Text(text = "Wi-Fi 네트워크를 찾을 수 없습니다.")
            }
        } else {
            LazyColumn {
                items(scanResults) { result ->
                    WifiListItem(scanResult = result, onConnect = onConnect)
                }
            }
        }
    }
}

@Composable
fun WifiListItem(scanResult: ScanResult, onConnect: (String) -> Unit) {
    Card(modifier = Modifier.fillMaxWidth().padding(vertical = 4.dp)) {
        Column(modifier = Modifier.padding(8.dp)) {
            Text(text = "SSID: ${scanResult.SSID}", style = MaterialTheme.typography.body1)
            Text(text = "BSSID: ${scanResult.BSSID}", style = MaterialTheme.typography.body2)
            Text(text = "신호 강도: ${scanResult.level} dBm", style = MaterialTheme.typography.body2)

            Button(onClick = { onConnect(scanResult.SSID) }) {
                Text(text = "연결")
            }
        }
    }
}
Use code with caution.Kotlin

5. 비디오 정보 수신 함수 구현

  • getVideoInfo 함수를 구현하여 Wi-Fi 네트워크에서 비디오 정보를 수신합니다.
  • 이 예시에서는 간단하게 HTTP 스트리밍을 사용하여 텍스트 정보를 수신합니다.
  • CoroutineScope를 사용하여 백그라운드 스레드에서 네트워크 작업을 수행합니다.
  • withContext(Dispatchers.Main)을 사용하여 UI 업데이트를 메인 스레드에서 실행합니다.
import kotlinx.coroutines.*
import java.net.URL
import java.io.BufferedReader
import java.io.InputStreamReader

fun getVideoInfo(context: Context, onVideoInfoReceived: (String) -> Unit) {
    CoroutineScope(Dispatchers.IO).launch {
        try {
            // 비디오 정보 URL (예시)
            val url = URL("http://example.com/video_info.txt")
            val connection = url.openConnection()
            val reader = BufferedReader(InputStreamReader(connection.getInputStream()))
            val videoInfo = reader.readLine()
            reader.close()

            withContext(Dispatchers.Main) {
                onVideoInfoReceived(videoInfo)
                Toast.makeText(context, "비디오 정보 수신: $videoInfo", Toast.LENGTH_SHORT).show()
            }
        } catch (e: Exception) {
            e.printStackTrace()
            withContext(Dispatchers.Main) {
                Toast.makeText(context, "비디오 정보 수신 실패: ${e.message}", Toast.LENGTH_SHORT).show()
                onVideoInfoReceived("비디오 정보 수신 실패")
            }
        }
    }
}
Use code with caution.Kotlin

6. MainActivity 수정 (MainActivity.kt)

  • MainActivity에서 WifiScanner 컴포저블 함수를 호출하고, onVideoInfoReceived 콜백을 통해 수신된 비디오 정보를 업데이트합니다.
  • 수신된 비디오 정보를 UI에 표시합니다.
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.ui.Modifier
import androidx.compose.runtime.*
import androidx.compose.material.Text

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MaterialTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colors.background
                ) {
                    var videoInfo by remember { mutableStateOf("비디오 정보 없음") }
                    WifiScanner(onVideoInfoReceived = { info -> videoInfo = info })
                    Text(text = "수신된 비디오 정보: $videoInfo")
                }
            }
        }
    }
}
Use code with caution.Kotlin

주의사항

  • Wi-Fi 연결 시 보안 설정 (WEP, WPA 등)에 따라 추가적인 설정이 필요할 수 있습니다.
  • 비디오 정보 수신 URL은 실제 비디오 정보를 제공하는 URL로 변경해야 합니다.
  • 비디오 정보 수신 시 예외 처리를 꼼꼼하게 해야 합니다.
  • Wi-Fi 연결 및 데이터 수신은 백그라운드 스레드에서 처리해야 UI 스레드가 멈추는 것을 방지할 수 있습니다.
  • 실제 비디오 스트리밍을 구현하려면 MediaPlayer 또는 ExoPlayer와 같은 라이브러리를 사용해야 합니다.

결론

이 가이드에서는 Android Jetpack Compose를 사용하여 Wi-Fi 목록을 표시하고, 선택한 네트워크에 연결하며, 해당 네트워크에서 비디오 정보를 수신하는 앱을 만드는 방법을 단계별로 설명했습니다. 이 코드를 기반으로 실제 비디오 스트리밍 기능을 추가하거나, 사용자 인터페이스를 개선하는 등 다양한 기능을 추가할 수 있습니다.

 

 

*** 이 글은 Google AI Studui 에서 얻은 AI 을 활용한 코딩에 대한 이야기 입니다.

Android Jetpack Compose로 Wi-Fi 목록 표시 및 연결, 비디오 정보 수신 앱 만들기

wifi

 

Android Jetpack Compose를 사용하여 Wi-Fi 목록을 표시하고, 선택한 Wi-Fi 네트워크에 연결하며, 해당 네트워크에서 송출되는 비디오 정보를 수신하는 앱을 만드는 방법을 소개합니다.

1. 프로젝트 설정

  • Android Studio에서 "Empty Compose Activity" 템플릿으로 새 프로젝트를 생성합니다.
  • AndroidManifest.xml 파일에 필요한 권한을 추가합니다.
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
Use code with caution.Xml

2. 의존성 추가

  • build.gradle (Module: app) 파일에 Compose 관련 의존성을 추가합니다.
dependencies {
    implementation("androidx.compose.ui:ui:$compose_version")
    implementation("androidx.compose.material:material:$compose_version")
    implementation("androidx.compose.ui:ui-tooling-preview:$compose_version")
    implementation("androidx.lifecycle:lifecycle-runtime-compose:2.6.1")
    implementation("androidx.activity:activity-compose:1.7.2")
    testImplementation("junit:junit:4.13.2")
    androidTestImplementation("androidx.test.ext:junit:1.1.5")
    androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
    androidTestImplementation("androidx.compose.ui:ui-test-junit4:$compose_version")
    debugImplementation("androidx.compose.ui:ui-tooling:$compose_version")
    debugImplementation("androidx.compose.ui:ui-test-manifest:$compose_version")
}
Use code with caution.Gradle

3. Wi-Fi 스캔 및 UI 구현 (WifiScanner.kt)

  • WifiManager를 초기화하고 Wi-Fi 스캔을 수행하는 WifiScanner 컴포저블 함수를 작성합니다.
  • ActivityResultContracts.RequestMultiplePermissions를 사용하여 필요한 권한을 요청합니다.
  • scanWifi 함수를 통해 Wi-Fi 스캔을 시작하고 결과를 scanResults 상태 변수에 저장합니다.
  • WifiList 컴포저블 함수를 호출하여 UI를 표시합니다.
  • connectToWifi 함수를 통해 선택한 Wi-Fi 네트워크에 연결하고, 연결 성공 시 getVideoInfo 함수를 호출하여 비디오 정보를 수신합니다.
import android.Manifest
import android.annotation.SuppressLint
import android.content.Context
import android.content.pm.PackageManager
import android.net.wifi.WifiConfiguration
import android.net.wifi.WifiManager
import android.net.wifi.ScanResult
import android.os.Build
import android.widget.Toast
import androidx.activity.compose.rememberLauncherForActivityResult
import androidx.activity.result.contract.ActivityResultContracts
import androidx.compose.runtime.*
import androidx.compose.ui.platform.LocalContext
import androidx.core.content.ContextCompat

@SuppressLint("MissingPermission")
@Composable
fun WifiScanner(onVideoInfoReceived: (String) -> Unit) {
    val context = LocalContext.current
    val wifiManager = context.applicationContext.getSystemService(Context.WIFI_SERVICE) as WifiManager
    var scanResults by remember { mutableStateOf<List<ScanResult>>(emptyList()) }
    var isScanning by remember { mutableStateOf(false) }
    var wifiEnabled by remember { mutableStateOf(wifiManager.isWifiEnabled) }
    var connectedSsid by remember { mutableStateOf<String?>(null) }

    // 권한 요청
    val requestPermissionLauncher = rememberLauncherForActivityResult(
        contract = ActivityResultContracts.RequestMultiplePermissions(),
        onResult = { permissions ->
            if (permissions.all { it.value }) {
                scanWifi(context, wifiManager) { results ->
                    scanResults = results
                    isScanning = false
                }
            } else {
                println("Permissions denied")
            }
        }
    )

    // 권한 확인 및 요청
    fun checkAndRequestPermissions() {
        val permissionsToRequest = mutableListOf<String>()

        if (ContextCompat.checkSelfPermission(context, Manifest.permission.ACCESS_FINE_LOCATION) != PackageManager.PERMISSION_GRANTED) {
            permissionsToRequest.add(Manifest.permission.ACCESS_FINE_LOCATION)
        }
        if (ContextCompat.checkSelfPermission(context, Manifest.permission.ACCESS_COARSE_LOCATION) != PackageManager.PERMISSION_GRANTED) {
            permissionsToRequest.add(Manifest.permission.ACCESS_COARSE_LOCATION)
        }

        if (permissionsToRequest.isNotEmpty()) {
            requestPermissionLauncher.launch(permissionsToRequest.toTypedArray())
        } else {
            scanWifi(context, wifiManager) { results ->
                scanResults = results
                isScanning = false
            }
        }
    }

    // Wi-Fi 스캔
    fun scanWifi(context: Context, wifiManager: WifiManager, onResults: (List<ScanResult>) -> Unit) {
        if (!wifiManager.isWifiEnabled) {
            wifiManager.isWifiEnabled = true
            wifiEnabled = true
        }

        isScanning = true
        val success = wifiManager.startScan()
        if (!success) {
            println("Wifi scan failed")
            onResults(emptyList())
            isScanning = false
        } else {
            val results = wifiManager.scanResults
            onResults(results)
        }
    }

    // Wi-Fi 연결
    fun connectToWifi(ssid: String) {
        val conf = WifiConfiguration().apply {
            this.SSID = String.format("\"%s\"", ssid)
            allowedKeyManagement.set(WifiConfiguration.KeyMgmt.NONE)
        }

        val networkId = wifiManager.addNetwork(conf)

        if (networkId != -1) {
            wifiManager.disconnect()
            wifiManager.enableNetwork(networkId, true)
            wifiManager.reconnect()
            connectedSsid = ssid
            Toast.makeText(context, "$ssid 에 연결 중...", Toast.LENGTH_SHORT).show()

            // 비디오 정보 수신 시작
            getVideoInfo(context, onVideoInfoReceived)
        } else {
            Toast.makeText(context, "Wi-Fi 연결 실패", Toast.LENGTH_SHORT).show()
        }
    }

    LaunchedEffect(Unit) {
        checkAndRequestPermissions()
    }

    // UI (Compose) 부분
    WifiList(scanResults = scanResults, isScanning = isScanning, connectedSsid = connectedSsid,
        onRefresh = { checkAndRequestPermissions() },
        onConnect = { ssid -> connectToWifi(ssid) }
    )
}
Use code with caution.Kotlin

4. Wi-Fi 목록 UI 구현 (WifiList.kt)

  • WifiList 컴포저블 함수를 사용하여 Wi-Fi 목록을 표시합니다.
  • LazyColumn을 사용하여 목록을 효율적으로 표시합니다.
  • WifiListItem 컴포저블 함수를 사용하여 각 Wi-Fi 항목을 표시하고, 연결 버튼을 제공합니다.
import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import android.net.wifi.ScanResult
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items

@Composable
fun WifiList(scanResults: List<ScanResult>, isScanning: Boolean, connectedSsid: String?, onRefresh: () -> Unit, onConnect: (String) -> Unit) {
    Column(modifier = Modifier.padding(16.dp)) {
        Text(text = "Wi-Fi 목록", style = MaterialTheme.typography.h6)

        Spacer(modifier = Modifier.height(8.dp))

        if (connectedSsid != null) {
            Text(text = "현재 연결된 Wi-Fi: $connectedSsid", style = MaterialTheme.typography.body1)
        }

        Button(onClick = { onRefresh() }, enabled = !isScanning) {
            Text(text = if (isScanning) "스캔 중..." else "새로고침")
        }

        Spacer(modifier = Modifier.height(16.dp))

        if (scanResults.isEmpty()) {
            if (isScanning) {
                Box(modifier = Modifier.fillMaxWidth().height(200.dp), contentAlignment = Alignment.Center) {
                    CircularProgressIndicator()
                }
            } else {
                Text(text = "Wi-Fi 네트워크를 찾을 수 없습니다.")
            }
        } else {
            LazyColumn {
                items(scanResults) { result ->
                    WifiListItem(scanResult = result, onConnect = onConnect)
                }
            }
        }
    }
}

@Composable
fun WifiListItem(scanResult: ScanResult, onConnect: (String) -> Unit) {
    Card(modifier = Modifier.fillMaxWidth().padding(vertical = 4.dp)) {
        Column(modifier = Modifier.padding(8.dp)) {
            Text(text = "SSID: ${scanResult.SSID}", style = MaterialTheme.typography.body1)
            Text(text = "BSSID: ${scanResult.BSSID}", style = MaterialTheme.typography.body2)
            Text(text = "신호 강도: ${scanResult.level} dBm", style = MaterialTheme.typography.body2)

            Button(onClick = { onConnect(scanResult.SSID) }) {
                Text(text = "연결")
            }
        }
    }
}
Use code with caution.Kotlin

5. 비디오 정보 수신 함수 구현

  • getVideoInfo 함수를 구현하여 Wi-Fi 네트워크에서 비디오 정보를 수신합니다.
  • 이 예시에서는 간단하게 HTTP 스트리밍을 사용하여 텍스트 정보를 수신합니다.
  • CoroutineScope를 사용하여 백그라운드 스레드에서 네트워크 작업을 수행합니다.
  • withContext(Dispatchers.Main)을 사용하여 UI 업데이트를 메인 스레드에서 실행합니다.
import kotlinx.coroutines.*
import java.net.URL
import java.io.BufferedReader
import java.io.InputStreamReader

fun getVideoInfo(context: Context, onVideoInfoReceived: (String) -> Unit) {
    CoroutineScope(Dispatchers.IO).launch {
        try {
            // 비디오 정보 URL (예시)
            val url = URL("http://example.com/video_info.txt")
            val connection = url.openConnection()
            val reader = BufferedReader(InputStreamReader(connection.getInputStream()))
            val videoInfo = reader.readLine()
            reader.close()

            withContext(Dispatchers.Main) {
                onVideoInfoReceived(videoInfo)
                Toast.makeText(context, "비디오 정보 수신: $videoInfo", Toast.LENGTH_SHORT).show()
            }
        } catch (e: Exception) {
            e.printStackTrace()
            withContext(Dispatchers.Main) {
                Toast.makeText(context, "비디오 정보 수신 실패: ${e.message}", Toast.LENGTH_SHORT).show()
                onVideoInfoReceived("비디오 정보 수신 실패")
            }
        }
    }
}
Use code with caution.Kotlin

6. MainActivity 수정 (MainActivity.kt)

  • MainActivity에서 WifiScanner 컴포저블 함수를 호출하고, onVideoInfoReceived 콜백을 통해 수신된 비디오 정보를 업데이트합니다.
  • 수신된 비디오 정보를 UI에 표시합니다.
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.ui.Modifier
import androidx.compose.runtime.*
import androidx.compose.material.Text

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MaterialTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colors.background
                ) {
                    var videoInfo by remember { mutableStateOf("비디오 정보 없음") }
                    WifiScanner(onVideoInfoReceived = { info -> videoInfo = info })
                    Text(text = "수신된 비디오 정보: $videoInfo")
                }
            }
        }
    }
}
Use code with caution.Kotlin

주의사항

  • Wi-Fi 연결 시 보안 설정 (WEP, WPA 등)에 따라 추가적인 설정이 필요할 수 있습니다.
  • 비디오 정보 수신 URL은 실제 비디오 정보를 제공하는 URL로 변경해야 합니다.
  • 비디오 정보 수신 시 예외 처리를 꼼꼼하게 해야 합니다.
  • Wi-Fi 연결 및 데이터 수신은 백그라운드 스레드에서 처리해야 UI 스레드가 멈추는 것을 방지할 수 있습니다.
  • 실제 비디오 스트리밍을 구현하려면 MediaPlayer 또는 ExoPlayer와 같은 라이브러리를 사용해야 합니다.

결론

이 가이드에서는 Android Jetpack Compose를 사용하여 Wi-Fi 목록을 표시하고, 선택한 네트워크에 연결하며, 해당 네트워크에서 비디오 정보를 수신하는 앱을 만드는 방법을 단계별로 설명했습니다. 이 코드를 기반으로 실제 비디오 스트리밍 기능을 추가하거나, 사용자 인터페이스를 개선하는 등 다양한 기능을 추가할 수 있습니다.

 

 

*** 이 글은 Google AI Studui 에서 얻은 AI 을 활용한 코딩에 대한 이야기 입니다.

반응형
저작자표시