Heim > WeChat-Applet > Mini-Programmentwicklung > So verwenden Sie das Tencent-Video-Plug-in im Miniprogramm

So verwenden Sie das Tencent-Video-Plug-in im Miniprogramm

angryTom
Freigeben: 2020-03-17 09:25:29
nach vorne
4550 Leute haben es durchsucht

Bei der Entwicklung von Miniprogrammprojekten sind Videodienste erforderlich. Wenn Sie zum Abspielen einen eigenen Server verwenden, fallen hohe Kosten an. In diesem Fall können wir das Tencent Video-Plugin des Miniprogramms verwenden und ein Angebot erstellen Tencent-Video auf der Seite.

So verwenden Sie das Tencent-Video-Plug-in im Miniprogramm

So verwenden Sie das Tencent-Video-Plug-in in einem Miniprogramm

Bei der Entwicklung eines Miniprogrammprojekts müssen Sie Folgendes tun Um Videos auf der Seite anzusehen, müssen Sie das Tencent-Video-Plug-in des WeChat-Applets verwenden, damit Sie auf Tencent-Videos auf der Seite verweisen können, ohne Ihren eigenen Server für die Videowiedergabe zu verwenden, was eine Menge Serverkosten spart.

Empfohlenes Lernen: Navicat-Tutorial

Wenn Sie ein Miniprogrammprojekt entwickeln und Videos auf der Seite ansehen müssen, müssen Sie das Tencent-Video-Plug-in verwenden Auf diese Weise kann Tencent Video auf der Seite referenziert werden, ohne einen eigenen Server für die Videowiedergabe zu verwenden, was eine Menge Serverkosten spart. Allerdings ist die Dokumentation für das WeChat-Applet-Plugin sehr unklar, daher werde ich meine Lösung hier schreiben.

Plug-ins in Miniprogramme einführen.

Betreten Sie die öffentliche WeChat-Plattform, suchen Sie den Drittanbieterdienst in den Einstellungen und fügen Sie das Plug-in in der Plug-in-Verwaltung hinzu. Suchen Sie nach Tencent Video, klicken Sie auf Hinzufügen und öffnen Sie die Details von Tencent Video. Dort finden Sie die App-ID und die Versionsnummer des Plug-Ins.

Dann kommt der Codeteil, fügen Sie

plugins: {
    tencentVideo: {
      version: 1.1.1,
      provider: wxa75efa648b60994b
    }
Nach dem Login kopieren

in app.json hinzu, wobei „version“ die Versionsnummer und „provider“ die App-ID ist.

Verweisen Sie auf der Seite auf die Komponenten des Plug-Ins, die verwendet werden müssen

Das offizielle Dokument enthält keine spezifischen Anweisungen zu dieser Methode, sodass das Problem auftritt, dass dies nicht möglich ist um das txv-Video zu finden, das der Player-ID entspricht

Öffnen Sie die JSON-Datei der Seite, auf der Sie das Plug-in verwenden möchten, und fügen Sie

usingComponents: 
{
txv-video: plugin://tencentVideo/video
}
Nach dem Login kopieren

hinzu. Dies bedeutet, dass das txv-. Die Videokomponente kann auf der Seite

verwendet werden. Verwenden Sie die Komponente

, um die WXML-Datei einzugeben und

darin hinzuzufügen Schritt ist sehr einfach. vid ist das vid von Tencent Video und playerid ist der eindeutige Identifikationscode des txv-videos. Diese Komponente kann den CSS-Stil nicht passieren.

Einführen in js

Wenn Sie das Plug-In nicht in js steuern möchten, müssen Sie es nicht einführen.

const TxvContext = requirePlugin(tencentVideo);
let txvContext = TxvContext.getTxvContext(\'txv1\');
txvContext.play(); //播放
Nach dem Login kopieren

Dies ist der gesamte Prozess der erfolgreichen Verwendung des Tencent Video-Plug-Ins. Ich hoffe, dass es auch Menschen helfen kann, die bei der Verwendung dieses Plug-Ins auf Probleme stoßen Entwicklung

Tutorials, achten Sie bitte auf die chinesische PHP-Website!

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Tencent-Video-Plug-in im Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:zixun.jisuapp.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage