Tencent / kbone

一个致力于微信小程序和 Web 端同构的解决方案
Other
4.78k stars 454 forks source link

小程序内嵌视频号视频,无法加载到wx-channel-video组件 #477

Open 1026203093 opened 7 months ago

1026203093 commented 7 months ago

相关代码如下:

<template>
  <div class="channelVideo">
    <wx-channel-video
      v-if="feedToken"
      finder-user-name="xxxxx"
      :feed-token="feedToken"
      object-fit="cover"
    >
    </wx-channel-video>
  </div>
</template>

<script>
import { queryParamToObj } from "@/utils/common";
export default {
  name: "ChannelVideo",
  data() {
    return {
      feedToken: "",
    };
  },
  created() {
    const query = queryParamToObj(window.location.search);
    this.feedToken = query.feedToken;
  },
}
</script>

可以确认feedToken和feedToken是正确的 并且feedToken有值,但是页面空白的 ,控制台无任何报错 是不是因为基础库没有更新呢 channel-video支持最低版本是2.31.1

1026203093 commented 7 months ago

https://wechat-miniprogram.github.io/kbone/docs/guide/advanced.html#%E4%BD%BF%E7%94%A8%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%86%85%E7%BD%AE%E7%BB%84%E4%BB%B6 wx- 前缀已支持内置组件列表中并没有支持这个内置组件,麻烦尽快支持下 @JuneAndGreen

JuneAndGreen commented 6 months ago
1026203093 commented 6 months ago

还是不行呢 我更新了这两个插件 packjson中显示如下: "miniprogram-element": "^2.2.18", "miniprogram-render": "^2.2.26",

我把这个wx-channal-video 放到一个页面去显示空白,尝试直接在父组件中引用子组件,子组件写这个wx-channal-video也是无效 `<wx-channel-video finder-user-name="sphl67991iaxIcm" feed-token="token/A1JbFN0np" feed-id="export/UzFfAgtgekIEAQAAAAAAvWAm7k0uvAAAAAstQy6ubaLX4KHWvLEZgBPE_4EgOAYnC9aFzNPgMJpOocyWwgQwXUXLyF8XTMkG"

` 这个放到原生小程序片段中是可以显示的 但是我现在页面渲染出来 是这样的

image 感觉并没有把这个标签识别出来 是需要设置什么

JuneAndGreen commented 6 months ago

参考一下 demo3 ?我在里面补充了用例,是可以的

1026203093 commented 6 months ago

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

JuneAndGreen commented 6 months ago

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

你是不是使用了扩展库?扩展库会比较滞后,而且需要灰度

JuneAndGreen commented 6 months ago

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

另外点击逻辑我看是和原生表现一样?就是点击会跳转到视频号。

1026203093 commented 6 months ago

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

你是不是使用了扩展库?扩展库会比较滞后,而且需要灰度

是的 用的扩展库,要不您这两天更新下这个扩展库

1026203093 commented 6 months ago

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

另外点击逻辑我看是和原生表现一样?就是点击会跳转到视频号。

应该是开发者工具点击跳转不过,使用API跳转的话,也只能到系统弹框提示是否跳转过去这一步

JuneAndGreen commented 6 months ago

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

另外点击逻辑我看是和原生表现一样?就是点击会跳转到视频号。

应该是开发者工具点击跳转不过,使用API跳转的话,也只能到系统弹框提示是否跳转过去这一步

工具只是模拟,没有真正的视频号环境的。以真机预览为准,可以看看是否和原生表现对齐了,我这边自测应该是对齐的。

JuneAndGreen commented 6 months ago

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

你是不是使用了扩展库?扩展库会比较滞后,而且需要灰度

是的 用的扩展库,要不您这两天更新下这个扩展库

这个灰度周期比较长,近期小程序视频号组件会有新特性更新,需要等基础库那块的能力测试完准备上线时再灰扩展库。