小程序 live-pusher, live-player 相互覆盖问题
发布于 6 年前 作者 nagu 17022 次浏览 来自 问答

        现在想要实现一个双向视频的功能,其中主画面是 live-player主键,占整个手机屏幕.live-pusher是次画面,放在屏幕的右下角,并且显示层级比live-player高,覆盖在live-player上面.经过测试,发现这个2个原生组件的层级永远是live-player比较高,live-pusher会被完全遮挡住.

        想请教下有没有方法调整这2个组件之间的显示层级?

10 回复

请问下你这个解决了吗

可以了谢谢,但是我想在

live-player

中使用cover-view中实现input点击获得焦点弹起键盘操作,这该如何做呢

@吴君洁您好貌似不行,不支持视频流那个而且我测试了。你看:

好的谢谢我看一下

请问这个问题解决了吗

或者你参考下腾讯云的小程序双向音视频demo.里面都有用到这些

准确的说是直播流live-pusher 不支持

可以试试延迟显示 live-pusher 组件,这样 live-pushe组件应该在 live-player组件上面

Bug & Tip

  1. tiplive-pusher 组件是由客户端创建的原生组件,它的层级是最高的,不能通过 z-index 控制层级。可使用 cover-view cover-image覆盖在上面。

  2. tip: 请勿在 scroll-viewswiperpicker-viewmovable-view 中使用 live-pusher 组件。

  3. tipcss 动画对 live-pusher 组件无效。

上面是官方文档写的,你再试试吧,

暖风 ,你这个问题看看文档就能解决了.live-pusher是原生控件,默认覆盖其他.想要在上面放东西,得用cover-view和cover-image

回到顶部