我正在嘗試編寫一個 HTML5 視頻播放器。它只會在本地運行，永遠不會在網(wǎng)絡(luò)上運行。我正在嘗試使用 Node 和 Express。我是節(jié)點新手。我創(chuàng)建了一個 HTML 播放器和一個 Node 腳本，我用它們來讓播放器在 Node 服務(wù)器中運行。我需要能夠瀏覽本地硬盤上的視頻文件并將其加載到播放器中，就像使用 VLC 一樣。我知道出于安全原因，Javascript 替代了 fakepath。是否有可能使用 Node/Express 獲得真實路徑，如果可以，如何最好地實現(xiàn)？我一直困惑于如何使用文件輸入按鈕獲取本地保存的視頻的文件名和路徑，然后使用 Node/Express 將視頻加載到 HTML5 播放器中。var express = require('express');var app = express();var http = require('http').Server(app);var io = require('socket.io')(http);app.use('/media/', express.static(__dirname + '/media/'));app.get ('/', function(req, res){ res.sendFile(__dirname + '/player.html');});http.listen(80, function(){ console.log('listening on *:80');});<html> <head> <link rel="stylesheet" type="text/css" href="media/player.css"> </head> <body> <div id="wrapper"> <div id='player_wrapper'> <video id='video_player' width="640" muted controls> </video> <div id='player_controls'> <input type="image" src="media/back.png" onclick="seek_back()" id="seek_back"> <input type="image" src="media/forwards.png" onclick="seek_forwards()" id="seek_forwards"> <input id="file-input" type="file" /> </div> </div> </div> <script>document.addEventListener("DOMContentLoaded", function() { startplayer(); }, false);var player;function startplayer() { player = document.getElementById('video_player');}function play_vid() { player.play();}function pause_vid() { player.pause();}function stop_vid() { player.pause(); player.currentTime = 0;}function seek_forwards() { player.pause(); var now = player.currentTime; player.currentTime = now + 0.5;}function seek_back() { player.pause(); var now = player.currentTime; player.currentTime = now - 0.5;} </script> </body></html>
如何在本地應(yīng)用程序中使用Node/Express將本地視頻文件加載到HTML5播放器中？
千巷貓影
2023-07-14 15:31:09
