電子ファイルとWebpackを使用してローカルファイルを読み込む方法は？

私は電子でビデオプレーヤーを開発しています。そして私は、ファイルシステムからビデオファイルを選んで再生する能力を持っていたいと思っています。勝利のためのパスはC://Users/.../...のように見えるかもしれません。 OSXの場合は/Users/../../です。だから、問題はChromeがfile://プロトコルを使用できず、現在のホストからプロトコルをロードしようとしていないためです。では、電子ファイルまたはWebpackを使用してOSファイルシステムからビデオをロードする方法はありますか？電子ファイルとWebpackを使用してローカルファイルを読み込む方法は？

出典

2017-06-27 aGoodRussianGuy

あなたは'ファイルなしでパスを使用してみましたか？たとえば、 'src =" C：//Users/path/to/video.mp4 "' –

ええ、Chromeは自動的に 'localhost'をホストとして追加して、' localhost：8080/Cのようにロードしようとします：// Users /../ ' – aGoodRussianGuy

奇妙なことに、電子の' select-directory'ダイアログからパスを選択し、返されたパスを使って、私のElectronアプリでイメージファイルにアクセスしています。 Chromeは私のアプリで 'localhost'プレフィックスを追加しませんでした。「クライアント側」またはノード側でファイルを解析しますか？私はNodeのFS *（ 'var fs = require（ 'fs'）'）を使ってそれらを解析しています。この[electron-video-player]（https://github.com/RIAEvangelist/electron-video-player）アプリを見て、そこにあなたの答えがあると思います。 –

あなたが使用して、これはあなたのニーズを満たす場合、ユーザーは、ビデオを選択できるようにすることができます

<input type="file" accept="video/*"/>

これは、Chromeで動作します。

素敵な実施例は、この答えではフィドルにあります：// `プレフィックス：https://stackoverflow.com/a/9349984/334402

出典

2017-06-28 07:50:45 Mick

ありがとう、私は試してみよう、それが助けてくれることを願って – aGoodRussianGuy

電子ファイルとWebpackを使用してローカルファイルを読み込む方法は？

答えて

関連する問題