微信开发工具中的live-是黑屏，还是黑屏？

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信开发工具中的live-是黑屏，还是黑屏？

*近公司正在做一个面向社区的小程序项目。 使用的是（二手项目），没有太多陷阱。 我之前用过taro和mpvue。 我去年制作了这个应用程序。 我对小程序了解不多。 我认为视频标签就足够了。 然后屏幕就一直黑下去。 推送的视频是flv。 经过一番查找，发现video标签不支持flv格式。 其他格式也会遇到冻结和黑帧。

经过一番查找，我发现了live-这个东西！

居住-

首先介绍一下实时使用设置：

目前仅对国内实体开放以下类别的小程序。 您需要先通过类别审核微信开发工具中的live-是黑屏，还是黑屏？，然后在小程序管理后台“开发”-“接口设置”中自行激活组件权限。 （只有图中的分类才能使用此微信组件，否则无法激活）

建议选择类别“工具>视频客服”。 其他人需要上传许可证。

官方使用：

"https://domain/pull_stream" mode="RTC" autoplay bindstatechange="statechange" binderror="error" style="width: 300px; height: 225px;" />
Page({
  statechange(e) {
    console.log('live-player code:', e.detail.code)
  },
  error(e) {
    console.error('live-player error:', e.detail.errMsg)
  }
})

Bug & -默认宽度为300px，高度为225px。 宽度和高度可以通过wxss设置。 开发工具尚不支持。相关介绍和原理请参考这篇文章

使用：

<template>
	<view>
            <live-player
              src="http://********/gb28181/34020000001320000099.flv"
              autoplay
              @statechange="statechange"
              @error="error"
              background-mute
              sound-mode="speaker"
              mode="RTC"
              catchtouchmove
              style="width: 300px; height: 225px"
            />
	view>
template>
<script>
    export default {
        data() {
            return {
            }
        },
        methods: {
            statechange(e) {
              console.log('live-player code:', e.detail.code)
              switch (e.detail.code) {
                case 2004:break;
                case 2103:
                  console.log("正在加载中，请稍后")
                  break;
                case -2301:
                  tost("和远程服务断开连接");
              }
            },
            error(e) {
              console.error('live-player error:', e.detail.errMsg)
            },
        }
    }
script>
<style>
style>

防范措施

使用过程中，无论你如何调试，在微信开发工具中看到的都是黑屏。 不要方方正正。 不要方方正正。 生成二维码并使用真机查看效果。 在你的手机上微信小程序开发直播功能，你会发现一切都很好。 很容易使用！ ^v^，希望对你的开发有帮助。 如有疑问，请留言！

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等