小程序把不同名文件js的数据放到wxml文件中

把不同命文件js的数据调到wxml文件中

使用wx.navigateTo进行页面跳转的同时,在url后边加上?属性= + 参数,就可以把数据带到其他的wxml文件中了
在这里插入图片描述

options可以自主命名,但为了规范,最好叫options,options.id的id是在上一张图片中命名的,如果上一张图片是?name=,那么这里就用options.name来获取。

获取之后,我们用this.setData({})把他赋值给data下的变量,然后直接在wxml中使用{{xxx}}来获取即可。
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在微信小程序使用Hls.js,您需要先将Hls.js打包成小程序可以使用的模块。 1. 下载Hls.js的源代码并解压缩,进入根目录,执行以下命令: ``` npm install npm run build ``` 2. 执行完上述命令后,会在dist目录下生成hls.js和hls.min.js两个文件,将这两个文件拷贝到小程序项目的目录。 3. 在小程序页面的js文件引入hls.min.js文件,并创建一个Hls对象: ``` javascript import Hls from './hls.min.js'; Page({ data: { ... }, onReady: function() { // 获取video组件实例 this.videoContext = wx.createVideoContext('myVideo'); // 创建Hls对象 this.hls = new Hls(); // 监听Hls状态变化事件 this.hls.on(Hls.Events.MANIFEST_PARSED, () => { // 将Hls对象绑定到video组件上 this.videoContext.src = this.hls.url; this.videoContext.play(); }); // 加载m3u8文件 this.hls.loadSource('http://example.com/path/to/playlist.m3u8'); }, ... }); ``` 4. 在小程序页面的wxml文件添加video组件,并设置id和src属性: ``` xml <video id="myVideo" src="" controls></video> ``` 5. 在小程序页面的wxss文件设置video组件的样式: ``` css video { width: 100%; height: 100%; } ``` 6. 运行小程序,即可播放m3u8文件。 需要注意的是,Hls.js需要在支持WebAssembly的环境下运行,因此在微信小程序需要使用支持WebAssembly的开发者工具进行开发和调试。同时,Hls.js在解析m3u8文件时需要请求多个ts文件,因此需要保证网络状况良好,否则容易出现卡顿和播放不流畅的情况。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值