ミニプログラムでTencentビデオプラグインを使用する方法

angryTom
リリース: 2020-03-17 09:25:29
転載
4522 人が閲覧しました

ミニ プログラム プロジェクトを開発する場合、ビデオ サービスが必要です。再生に独自のサーバーを使用すると、多額の費用がかかります。現時点では、ミニ プログラムの Tencent ビデオ プラグインを使用して見積もりを行うことができます。ページ内の Tencent ビデオ。

ミニプログラムでTencentビデオプラグインを使用する方法

ミニ プログラムで Tencent ビデオ プラグインを使用する方法

ミニ プログラム プロジェクトを開発するときは、次のことを行う必要があります。ページ上のビデオを視聴するには、WeChat アプレットの Tencent ビデオ プラグインを使用する必要があります。これにより、ビデオ再生に独自のサーバーを使用せずにページ内で Tencent ビデオを参照でき、サーバー費用を大幅に節約できます。

推奨学習: navicat チュートリアル

ミニ プログラム プロジェクトを開発するときに、ページ上のビデオを視聴する必要がある場合は、Tencent ビデオ プラグインを使用する必要があります。このようにして、ビデオ再生に独自のサーバーを使用せずにページ内で Tencent Video を参照できるため、サーバー費用が大幅に節約されます。ただし、WeChat アプレット プラグインのドキュメントは非常に不明確なので、ここに解決策を書きます。

ミニ プログラムにプラグインを導入します。

WeChat パブリック プラットフォームに入り、設定でサードパーティ サービスを見つけて、プラグイン管理でプラグインを追加します。 Tencent Video を検索して [追加] をクリックし、Tencent Video の詳細を開くと、プラグインのアプリ ID とバージョン番号が表示されます。

次にコード部分が来ます。app.json に

plugins: {
    tencentVideo: {
      version: 1.1.1,
      provider: wxa75efa648b60994b
    }
ログイン後にコピー

を追加します。ここで、version はバージョン番号、プロバイダーは appid です。

使用する必要があるページ内のプラグインのコンポーネントを参照してください。

公式ドキュメントにはこの方法に関する具体的な手順が記載されていないため、txv- playerid に対応するビデオが見つかりません

プラグイン ページを使用する json ファイルを開き、その中に

usingComponents: 
{
txv-video: plugin://tencentVideo/video
}
ログイン後にコピー

を追加します。これは、txv-video コンポーネントがページ内

コンポーネント

を使用して wxml ファイルを入力し、その中に

を追加します。この手順は非常に簡単です。 . vid は Tencent Video の vid で、playerid は txv-video の一意の識別コードです。このコンポーネントは、css のスタイルを変更することはできません

js で導入します

#If you don't' js でプラグインを制御したくない場合は、プラグインを導入する必要はありません。

const TxvContext = requirePlugin(tencentVideo);
let txvContext = TxvContext.getTxvContext(\'txv1\');
txvContext.play(); //播放
ログイン後にコピー
これは、Tencent ビデオ プラグインを正常に引用するためのプロセス全体です。このプラグインの使用中に問題が発生した人々の助けになれば幸いです。

More

小さなプログラム開発チュートリアル、PHP 中国語 Web サイトにご注意ください。

以上がミニプログラムでTencentビデオプラグインを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:zixun.jisuapp.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート