CN-JS-HuiBai/Media-Coding-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改编码器命名规则

Browse Source
This commit is contained in:
CN-JS-HuiBai
2026-04-04 11:34:06 +08:00
parent aa49d2d8d8
commit 65e71c5329
3 changed files with 8 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/index.html
View File

@@ -54,11 +54,7 @@
</select>
</div>
<div class="codec-panel">
<label for="decoder-select">视频解码器：</label>
<select id="decoder-select"></select>
</div>
<div class="codec-panel">
<label for="encoder-select">硬件编码器：</label>
<label for="encoder-select">编码加速：</label>
<select id="encoder-select"></select>
</div>
<div id="loading-spinner" class="spinner-container">

13
public/js/main.js
View File

@@ -10,10 +10,7 @@ document.addEventListener('DOMContentLoaded', () => {
const loginPasswordInput = document.getElementById('login-password');
const loginBtn = document.getElementById('login-btn');
const loginError = document.getElementById('login-error');
const decoderSelect = document.getElementById('decoder-select');
const encoderSelect = document.getElementById('encoder-select');
const decoderLabel = document.querySelector('label[for="decoder-select"]');
const encoderLabel = document.querySelector('label[for="encoder-select"]');
const playerOverlay = document.getElementById('player-overlay');
const transcodingOverlay = document.getElementById('transcoding-overlay');
const videoPlayer = document.getElementById('video-player');
@@ -92,12 +89,7 @@ document.addEventListener('DOMContentLoaded', () => {
if (playbackSpeed) {
videoPlayer.playbackRate = parseFloat(playbackSpeed.value) || 1;
}
if (decoderLabel) {
decoderLabel.textContent = '视频解码器：';
}
if (encoderLabel) {
encoderLabel.textContent = '视频编码器：';
}
const formatBytes = (bytes) => {
if (!bytes || bytes === 0) return '0 B';
@@ -143,7 +135,7 @@ document.addEventListener('DOMContentLoaded', () => {
};
const buildHlsPlaylistUrl = () => {
const decoder = decoderSelect?.value || 'auto';
const decoder = 'auto';
const encoder = encoderSelect?.value || 'h264_rkmpp';
let streamUrl = `/api/hls/playlist.m3u8?bucket=${encodeURIComponent(selectedBucket)}&key=${encodeURIComponent(selectedKey)}&decoder=${encodeURIComponent(decoder)}&encoder=${encodeURIComponent(encoder)}`;
if (s3Username) streamUrl += `&username=${encodeURIComponent(s3Username)}`;
@@ -542,7 +534,6 @@ document.addEventListener('DOMContentLoaded', () => {
topBanner.textContent = title;
topBanner.classList.remove('hidden');
document.title = title;
populateSelect(decoderSelect, data.videoDecoders || [], data.defaultVideoDecoder || 'auto');
populateSelect(encoderSelect, data.videoEncoders || [], data.defaultVideoEncoder || 'h264_rkmpp');
} catch (err) {
console.error('Config load failed:', err);