問題タブ [webtorrent]

https://github.com/feross/webtorrent#usageに示されている例に問題があり ます。ブラウザーでコードを使用しようとしています。そこで、最初に app.js というファイルを作成します

app.js

次に、コマンドを入力browserify app.js > bundle.jsして、ブラウザでコードを機能させることができます。index.html という別のファイルを作成します。

index.html

コンソールからは「こんにちは」しか見えません。client.download() 関数が機能しなかったようです。なぜこれが起こったのですか？私は browserify を初めて使用します。使用しているコマンドに問題はありますか?

WebTorrent を介したライブ ビデオ ストリーミングに p2p webrtc を使用したいと考えています。

https://github.com/feross/webtorrent

ビデオをストリーミングできるようですが、ウェブカメラやその他のソースを入力として使用できますか?

どうやってそれをしますか？

ありがとう。

Chrome で正常に動作する AngularJS アプリがありますが、Firefox を使用すると、レンダリングされるまでに数秒かかります。Firefox は {{variables}} と ng-hides 内のすべてを数秒間表示します。

Web サイトはhttp://diegorbaquero.com/bTorrent/で、Chrome では問題なく動作しますが、Firefox ではこの遅延が発生します。

ありがとうございました

WebTorrentについていくつかのアイデアがあります。JavaScript と jQuery の経験はありますが、Node.js や Browserify は使用したことがありません。誰かが次の簡単なコードの使い方を説明してくれませんか?

を添付して<script src="webtorrent.min.js"></script>、上記のコードを Browserify ( browserify app.js > bundle.js) で変換する必要がありますか? それともnpm install webtorrent、Browserify コードを使用して添付する必要があるのでしょうか?

コードを使用しnpm install webtorrentてCtrl + c+を実行した後Ctrl + v、上記の<script>タグの例ではプレーヤーが表示されました。マジック:)しかし、私は自分のVMで何かを行い、Chromeはが定義されてrequire('webtorrent')いないと言います。

WebTorrent を jQuery のようにシンプルに使えたら最高です。

私はそれを見つけようとしましたが、できませんでした。ここからの手順に従っています — https://webtorrent.io/intro . ファイルに次のコードがあります。

このコードは infohash で正常に動作します — 6a9759bffd5c0af65319979fb7832189f4f3c35d しかし、他の情報ハッシュまたはマグネット リンクを使用すると動作しません。その他の情報ハッシュの例は、80096C11147EEE4D2B6B6AC0B96C951E48298BE3 です。

他の情報ハッシュやマグネットリンクでは機能しないのはなぜですか?

WebTorrent ( https://webtorrent.io/docs ) を使用するマグネット リンクからビデオをストリーミングするノード サーバーを実行しています。これを実行すると、変数を .mp4 ファイルとして設定したにもかかわらず、ファイルが正しく参照されていないように見えます。

明確にするために、この例では特定の torrentID (マグネット リンク) を追加して、express と URL で発生する可能性のある問題を排除しました。このマグネット リンクは、MP4 形式のミュージック ビデオのダウンロードにつながります。

ビデオ プレーヤーは表示されますが、ビデオは再生されません。これは、正しいファイルにアクセスしようとしていないことを意味していると思います。私を助けるために WebTorrent についてもっと知る必要がある場合は、https: //webtorrent.io/docs でそれについて読むことができます。

WebTorrent ( https://webtorrent.io、https://github.com/feross/webtorrent ) を使用した Google Cast カスタム レシーバー アプリと、JavaScript (Chrome) SDK を使用した Google Cast センダー アプリを開発しています。

私のアプリのアイデアは、Google Cast 送信者から Google Cast 受信者に torrent id (マグネット URI のようなmagnet:?xt=urn:btih:6a9759bffd5c0af65319979fb7832189f4f3c35dまたは HTTP/HTTPS URL のような *.torrent ファイルへhttps://webtorrent.io/torrents/sintel.torrent) を送信し、Google Cast 受信者で WebTorrent を使用してメディア (ビデオまたはオーディオ) を表示することです。 ）急流から。

トレント ID は、メディア ファイルへの直接の URL ではないことに注意してください。

現在、Google Cast 名前空間と messageBus を使用して torrent ID を送受信しています。

WebTorrent API は、メディアを表示する 2 つの方法を提供します。

• 次を使用して DOM に追加しますfile.appendTo: https://webtorrent.io/docs#-file-appendto-rootelem-function-callback-err-elem-
• https://webtorrent.io/docs#-file-renderto-elem-function-callback-err-elem-を使用して、特定の要素 (または CSS セレクター) に直接レンダリングしfile.renderToます。

これが私の受信機のコードです：

これが私の送信者のコードです：

問題: 受信者が送信者からのトレント ID を処理し、ビデオが期待どおりに再生されます。ただし、公式の Google Cast アプリまたは Chrome 用の公式の Google Cast 拡張機能には、ビデオを再生して一時停止、停止、シークなどを行うための標準のメディア コントロールが表示されません。

これは私が持っているものです (これは、Google Chrome の最新バージョンにある Google Cast の標準の組み込みモーダル ダイアログのスクリーンショットです):

これは私が達成したいことです (これは、Google Chrome の最新バージョンにある Google Cast の標準の組み込みモーダル ダイアログのスクリーンショットです):

追加する

為に

<video autoplay id='media' />

要素は役に立ちません。

<video autoplay id='media' />すべての送信者に標準のメディア コントロールを追加するには、送信者および/または受信者に何かを追加する必要がありますか?

Google Cast 名前空間と messageBus を使用せずにトレント ID を送受信する別の方法があるのではないでしょうか?

UPD

私の問題の根本を見つけたようです...

レシーバーで既存の再生中のビデオのデフォルトのメディア コントロールを有効にする方法は?

たとえば、レシーバー アプリには既に再生中のビデオがあります。

この再生中のビデオに対して、デフォルトのメディア コントロールを有効にする方法 - 機能するボタン「再生/一時停止」、機能するプログレス バー (Chrome の公式 Google Cast 拡張機能などのすべての送信者)

次のコードを追加しても役に立たないようです:

受信機の完全なソースコードは次のとおりです。

UPD2:

chrome.cast.media.MediaInfoカスタム名前空間とカスタム メッセージ バスを使用する代わりに (つまり、https://developers.google.comを使用せずに) メディア URL の代わりに任意のテキスト文字列 (私の場合はトレント ID) を使用し、メディア名前空間を使用することが可能であるように見えます。 /cast/docs/reference/receiver/cast.receiver.CastReceiverManager#getCastMessageBusおよびhttps://developers.google.com/cast/docs/reference/receiver/cast.receiver.CastMessageBusおよびhttps://developers.google.com /cast/docs/reference/chrome/chrome.cast.Session#sendMessage ):

しかし、この場合、受信機でそれを処理する方法は?