weixin_38299362-CSDN博客

原创 Ionic对返回键的处理

用ionic做了一个tabs的程序，但是在安卓机上测试发现，只要一按返回键程序就退出了，再按程序就会重新加载，这样的交互效果非常的不友好，于是查找文档找到解决方法，当按返回键时弹出个对话框提示，用户选择退出才真的退出程序，否则按返回键则不进行任何操作。只需要更改app.components.ts文件，具体的代码如下所示： export class MyApp { rootPage:any = ...

2018-03-27 18:59:10 1191

原创 Ionic做直播-播放m3u8格式如此简单

想用ionic做直播，尝试了videogular2这个库，播放mp4没问题，但是播放m3u8这样的直播协议的地址就完了，经过尝试居然发现用HTML5的video标签就可以实现，绕了这么远的路，原来实现播放m3u8居然可以如此的简单。第一步：在html文件中添加如下的代码<video id="vidioID" preload="auto" autoplay="autoplay"> ...

2018-03-26 20:13:17 3626

原创 Ionic3中如何用videoangular2播放m3u8和rtmp直播格式（一）

想用ionic制作一个电视直播的软件，查找了一些资料，最后锁定用videoangular2插件来做。电视直播的源一般是m3u8、rtmp、rtsp格式，查了videogular2的官方帮助，完全支持这些格式，那就开始行动起来吧！第一步：安装videogular2npm install videogular2 --save npm install @types/core-js --save-dev...

2018-03-25 20:23:07 4979 4

原创 Ionic中设置页面横屏和全屏的那些坑

ionic建的程序中设置页面全屏和横屏遇到了一些BUG，在更改这些BUG的过程中发现了这些坑，现在给小伙伴们讲一下，大家以后遇到相同的问题就可以绕过去了。 1 设置全屏的坑我是用隐藏状态栏的方式实现的全屏，本来是已经实现了的，想着新建一个样例给小伙伴们讲一下的，结果在新建的程序下面用同样的代码都实现不了，后来查找原因居然是状态栏相关的插件居然没有添加进去，本来新建tabs程序是默认添加过的，不知道...

2018-03-24 18:53:40 2460

原创 Ionic中如何设置页面横屏和全屏

在工作过程中，比如做视频播放器的时候，肯定是需要让页面横屏，甚至全屏的，那么该用什么办法实现这些功能呢？一般查资料，大家都说用官网的full screen插件，但是这个插件android和iso是不通用的，这样代码维护起来就比较难，于是我采用了另外一种方法，下面给大家介绍下。第一步：实现全屏功能。没有用官方说的full screen插件，其实全屏就是把状态栏给隐藏掉就行了，于是采用了取巧的方...

2018-03-23 20:18:36 3446

原创 Ionic如何更改应用程序图标以及启动界面SplashScreen

在工作过程中，用ionic生成的程序需要更改图标和更改启动界面Splash screen的图像时，大家不看官方文档的话可能都不知道如何生成，下面给大家介绍一下步骤。第一步：打开程序目录下的resources目录，把icon.png和splash.png文件删除掉，在删除前可以看下这两个文件大小，ionc.png文件是1024×1024px，splash.png文件是2732×2732px。第二...

2018-03-22 20:58:25 2309 1

原创 Ionic创建的tabs程序更改tab位置的三种方法及对比

用ionic创建的tabs程序，在最新版本中android和ios上的位置已经一致了，都是在最下面，那么如何更改tabs的位置在顶部呢？下面为大家讲三个方法。方法一：更改配置文件打开src/app/app.module.ts文件，参照以下代码，把tabsPlacement配置项添加上@NgModule({ declarations: [MyApp], imports: [ BrowserMo...

2018-03-21 20:42:55 1254

原创最新版ionic环境搭建

由于最近开始学习Ionic，发现网上的环境搭建都是好几年前的，按照上面的方法搭建都不成功，折腾了好几天才把环境搭建成功，可以编译APK包，下面把搭建的过程以及工具包都分享出来。注：所有的工具包都是Windows 7 64位的，如果需要32位的或其他版本的话可以私聊我。所用的工具包的地址：链接: https://pan.baidu.com/s/1VXWc8dqTcU_x6JALZCv_LQ 密码: ...

2018-03-20 16:01:44 4694 2

weixin_38299362的博客