project: 增加web和adb控制,未测试
This commit is contained in:
33
WebRTCControllerWeb/src/components/ControlBar.vue
Normal file
33
WebRTCControllerWeb/src/components/ControlBar.vue
Normal file
@@ -0,0 +1,33 @@
|
||||
<script setup>
|
||||
import { store, sendKey } from '../store/controllerStore';
|
||||
|
||||
// Android KeyEvent 键值(与被控端 SystemInputUtils 注入一致)
|
||||
const keys = [
|
||||
{ label: '主页', code: 3 }, // KEYCODE_HOME
|
||||
{ label: '返回', code: 4 }, // KEYCODE_BACK
|
||||
{ label: '多任务', code: 187 }, // KEYCODE_APP_SWITCH
|
||||
{ label: '菜单', code: 82 }, // KEYCODE_MENU
|
||||
{ label: '音量 +', code: 24 }, // KEYCODE_VOLUME_UP
|
||||
{ label: '音量 -', code: 25 }, // KEYCODE_VOLUME_DOWN
|
||||
{ label: '电源', code: 26 }, // KEYCODE_POWER
|
||||
];
|
||||
|
||||
function press(code) {
|
||||
if (!store.dataChannelOpen) return;
|
||||
sendKey(code);
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="control-bar">
|
||||
<button
|
||||
v-for="k in keys"
|
||||
:key="k.code"
|
||||
class="key-btn"
|
||||
:disabled="!store.dataChannelOpen"
|
||||
@click="press(k.code)"
|
||||
>
|
||||
{{ k.label }}
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user