MUI----mui.init()和mui.plusReady()

mui.init()和mui.plusReady()这两者到底什么关系!谢谢了!
什么时候该用init

什么时候用plusReady


mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载。
但是官方有又说法:
页面初始化:必须执行mui.init方法
mui在页面初始化时,初始化了很多参数配置,比如:按键监听、手势监听等,因此mui页面都必须调用一次mui.init()方法;

在app开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中。

个人认为:
1.每个用到mui的页面都调用下mui.init。
2.如果需要使用大H5+对象,就写到plusReady中,如plus对象。


你可以使用mui-player的video标签来播放RTSP格式的视频。不过需要使用一个第三方库来转换视频流为HLS格式,因为mui-player并不支持直接播放RTSP。 下面是一个示例代码: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>播放RTSP格式视频</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入mui的CSS文件 --> <link rel="stylesheet" href="//cdn.bootcss.com/mui/3.7.1/css/mui.min.css"> <!-- 引入mui的JS文件 --> <script src="//cdn.bootcss.com/mui/3.7.1/js/mui.min.js"></script> <!-- 引入video.js的CSS文件 --> <link href="//cdn.bootcss.com/video.js/7.11.4/alt/video-js-cdn.min.css" rel="stylesheet"> <!-- 引入video.js的JS文件 --> <script src="//cdn.bootcss.com/video.js/7.11.4/alt/video.core.min.js"></script> <!-- 引入videojs-contrib-hls的JS文件 --> <script src="//cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script> <!-- 引入video.js的样式文件 --> <style type="text/css"> .video-js { height: 100%; width: 100%; background-color: #000; } </style> </head> <body> <div id="video-container"> <video id="video-player" class="video-js vjs-default-skin"></video> </div> <script> mui.init(); mui.ready(function () { var player = videojs('video-player', { controls: true, autoplay: true, preload: 'auto', techOrder: ['html5', 'flash'], sources: [{ src: 'http://example.com/live', type: 'application/x-mpegURL' }] }); player.play(); }); </script> </body> </html> ``` 其中 `http://example.com/live` 是一个RTSP流地址,需要使用第三方库将其转换为HLS格式的地址。你可以使用 `ffmpeg` 命令行工具来完成转换,具体命令如下: ``` ffmpeg -i rtsp://example.com/stream -c copy -bsf:v h264_mp4toannexb -f mpegts output.ts ``` 这个命令将会把 `rtsp://example.com/stream` 转换为 `output.ts` 文件,然后你可以启动一个HTTP服务器来提供这个文件的访问,或者使用一个CDN来提供这个文件的访问。最后将HLS格式的地址填入上面代码的 `sources` 数组中即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值