Flutter通过WebSocket传输媒体文件到小程序
Posted on
|
In
小程序
前言上一篇写了小程序通过WebSocket控制Flutter App进行拍照录像,那么问题又来了,小程序想要预览两部App拍摄的视频怎么办?
我想了三种方法,并实现了其中两种:
在flutter录像完毕后上传至cos,并且在上传成功的回调中通过socket将cos路径传输给小程序
在录像过程中传递
...
小程序通过WebSocket控制Flutter APP进行拍照录像
Posted on
|
In
小程序
前言公司业务有个需求,为了检测某项运动项目的动作标准性,我们需要从不同的两个方向同时拍摄3s左右的视频,那么我们可能需要想办法用一台手机发送指令,控制另外两台手机进行录像。这里我们选用的技术方案是通过WebSocket。
这里拍起来不太方便,就这么凑合着看着吧,下边是录好视频的效果
思路Dart
...
解决textarea,input等原生组件最上层穿透问题
Posted on
|
In
小程序
前言今天在开发过程中遇到了个小问题,textarea和input组件在小程序官方解释是原生组件,因此他不会被覆盖,始终在最上层。说实话,有点蛋疼,这个组件(当然我对小程序团队还是非常的respect的)。那么遇到了个坑就填呗。咱们先看看效果图
思路此处的解决思路是设置一个跟textarea布局一
...
小程序在同个界面进行step
Posted on
|
In
小程序
前言许久没写博客了,今天正好周六,抽时间写一篇关于步骤操作的一个界面,这个是一个纯手写层叠样式表的一个小step。当初我准备用swiper,然后每个步骤放在一个swiper-item里边的,但是这里会有个bug。swiper的高度是固定的,是根据父元素固定的,而不能通过子元素的增加而增加。于是准备秀
...
在 React 项目中使用 React-intl 实现多语言支持
Posted on
|
In
前端
前言最近在项目中添加了语言国际化的功能。
语言国际化,也有人说成是语言本地化,其实就是为Web App添加多语言,我们的项目当前包含了中文版和英文版,按理来说『逐字替换』也不是多大事儿,但是,这么Low的做法,有钱途吗?
一开始的时候,我考虑的是传统的为整个项目添加config文件,根据不同的语言和
...
通过protobuf.js与后端进行交互
Posted on
|
In
前端
获取 *.protp文件后端完成了接口之后,将.proto 文件发给你
编译 *.protp文件将*.proto文件编译成ts、js文件,这里我是将命令写成一个脚本,运行npm run proto即可编译
123{ "proto": "pbjs -t static-module -w
...
纯CSS实现视差滚动效果
Posted on
|
In
前端
前言视差滚动效果大家可能都听过,基本上都是JS实现的,有对应插件 – Parallax.js.
实际上,如果你对兼容性要求不是很高,比方说忽略IE浏览器,则我们使用简单的几行CSS代码就可以实现视差滚动效果了。
先上效果图
目前,Chrome以及FireFox等浏览器(不包括IE11在内的浏览器)都
...