refactor(ui): break down config.html into smaller pieces (#2491)
Co-authored-by: ReenigneArcher <42013603+ReenigneArcher@users.noreply.github.com>
This commit is contained in:
@@ -0,0 +1,53 @@
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
|
||||
const props = defineProps([
|
||||
'platform',
|
||||
'config',
|
||||
])
|
||||
|
||||
const config = ref(props.config)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div id="intel-quicksync-encoder" class="config-page">
|
||||
<!-- QuickSync Preset -->
|
||||
<div class="mb-3">
|
||||
<label for="qsv_preset" class="form-label">{{ $t('config.qsv_preset') }}</label>
|
||||
<select id="qsv_preset" class="form-select" v-model="config.qsv_preset">
|
||||
<option value="veryfast">{{ $t('config.qsv_preset_veryfast') }}</option>
|
||||
<option value="faster">{{ $t('config.qsv_preset_faster') }}</option>
|
||||
<option value="fast">{{ $t('config.qsv_preset_fast') }}</option>
|
||||
<option value="medium">{{ $t('config.qsv_preset_medium') }}</option>
|
||||
<option value="slow">{{ $t('config.qsv_preset_slow') }}</option>
|
||||
<option value="slower">{{ $t('config.qsv_preset_slower') }}</option>
|
||||
<option value="slowest">{{ $t('config.qsv_preset_slowest') }}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- QuickSync Coder (H264) -->
|
||||
<div class="mb-3">
|
||||
<label for="qsv_coder" class="form-label">{{ $t('config.qsv_coder') }}</label>
|
||||
<select id="qsv_coder" class="form-select" v-model="config.qsv_coder">
|
||||
<option value="auto">{{ $t('config.ffmpeg_auto') }}</option>
|
||||
<option value="cabac">{{ $t('config.coder_cabac') }}</option>
|
||||
<option value="cavlc">{{ $t('config.coder_cavlc') }}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Allow Slow HEVC Encoding -->
|
||||
<div class="mb-3">
|
||||
<label for="qsv_slow_hevc" class="form-label">{{ $t('config.qsv_slow_hevc') }}</label>
|
||||
<select id="qsv_slow_hevc" class="form-select" v-model="config.qsv_slow_hevc">
|
||||
<option value="disabled">{{ $t('_common.disabled_def') }}</option>
|
||||
<option value="enabled">{{ $t('_common.enabled') }}</option>
|
||||
</select>
|
||||
<div class="form-text">{{ $t('config.qsv_slow_hevc_desc') }}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user