二维码扫描,已经成为当下一款应用不可或缺,同时也是用户习以为常的功能了.uni-app 为我们提供了扫码 API ,直接调用即可. 需求场景 在实际开发中,平台提供的默认扫码界面,并不能满足一些自定义的需求.例如: 非全屏显示 扫码界面文字国际化 扫码框的颜色调整 微信小程序等小程序平台,可以通过 <camera> 组件来实现部分自定义的需求.App 平台需要通过本地 HTML 来实现,即本文要分享的内容. Tips:这里的 App 特指 Android(.apk).iOS(.ipa) 移动应

基于uniapp+uView-ui跨端H5+小程序+APP短视频|直播项目uni-ttLive. uni-ttLive一款全新基于uni-app技术开发的仿制抖音/快手短视频直播项目.支持全屏丝滑般上下滑动切换小视频,迷你时间进度条,Nvue解决视频层级显示,可编译兼容H5+小程序+APP端. ◆ 一览效果 编译至 [小程序+H5+App端] 效果如下 ◆ 运用技术 编辑器:HbuilderX 3.1.21 框架技术:Uniapp+Vue.js+Nvue+Vuex UI组件库:uView-ui^

目前我接触到了两种方法,以扫码pda安卓采集器(可以直接理解为手机上有个激光扫码)的设置划分. 1.扫描设置 --> 键盘方式输出(键盘类型:物理键盘),注意设置要看具体的型号: 2.扫码设置 --> 广播输出. 第一种 "键盘方式输出" 直接在input里接收扫到的内容: 第二种 "广播输出" 是写一个公共组件,全局监听.  键盘方式输出 1.input直接拿 注:我司的机器里,可以在设置-->条码格式化里加后缀[CR](回车键),加入后可在扫描

自己遇到的问题:/** * Like {@link #getFramingRect} but coordinates are in terms of the preview frame, * not UI / screen. */ public Rect getFramingRectInPreview() { if (framingRectInPreview == null) { Rect rect = new Rect(getFramingRect()); Point cameraResolu

iOS Swift WisdomScanKit 是一款强大的集二维码扫码,自定义全屏拍照,系统相册图片编辑多选和系统相册图片浏览功能于一身的 Framework SDK [1]前言:    今天给大家推荐个好用的开源框架:WisdomScanKit,如果在开发中有用到二维码扫码,全屏拍照,系统相册图片编辑多选和系统相册图片浏览功能,推荐使用WisdomScanKit Framework,方便iOS日常开发,优点和功能请看下面介绍. [2]简介:     1: Swift由4.2版编写,完全兼容O

昨日内容回顾 1.app播放音乐 plus.audio.createPlayer(文件路径/URL) player.play() 播放音乐 player.pause() 暂停播放 player.resume() 继续播放 player.stop() 停止播放,清空player对象 # 当停止之后,无法在使用play() resume()继续播放 2.app遥控玩具播放内容 Websocket通讯 实现手机遥控app app:{content_id:123,to_user:123456} {mus

记得当时是在西班牙有这样的一个需求,需要自定义扫码页面,还需要加上西班牙文,当时是在一个组件里面找到了这样的一个方法,全文大部分使用的app端的Native里面的方法,记录一下,跑路了项目代码要删库了 效果图大概是这样的 以下是vue页面代码<template> <view></view></template><script>import { mapState, mapMutations } from 'vuex';var barcode = n

前言 之前写过屏蔽系统导航栏功能的文章,具体可看Android6.0 源码修改之屏蔽导航栏虚拟按键(Home和RecentAPP)/动态显示和隐藏NavigationBar 在某些特殊定制的版本中要求完全去掉导航栏,那么当用户点进一些系统自带的应用界面如设置.联系人等,就没法退出了,虽然可以在actionBar中添加back按钮,但总不能每一个app都去添加吧.所以灵机一动我们就给系统添加一个全屏可拖拽的浮窗按钮,点击的时候处理返回键的逻辑.它大概长这样(审美可能丑了点,你们可以自由发挥) 图1

原文地址:https://www.cnblogs.com/jying/p/9642445.html,转载请说明出处. 最近项目需要播放视频且限制未观看部分的快进功能,找了两款js插件ckplayer和jwplayer,由于ckplayer是国内大牛开发的,中文文档比较官方,而且主要是文档说可以禁用拖动,就直接使用了ckplayer,没有测试jwplayer,待日后有时间再学习~~ ckplayer的使用文档见官方网站:http://www.ckplayer.com ,当前CKplayer.js版

[Vue]如何实现全屏遮罩(附Vue.extend和el-message源码学习) 在做个人项目的时候需要做一个类似于电子相册浏览的控件,实现过程中首先要实现全局遮罩,结合自己的思路并阅读了(饿了么)element-ui中el-message的实现,来总结一下Vue中比较好的一种全局遮罩的实现方式. 调用遮罩的方式 一般由两种写法: 1.(类似el-dialog的一种写法) 在html文件中写好结构,控制元素的显示与隐藏的实现遮罩. <div class="container"&

有一video标签 <video id="myVideo" :src="videoUrl"></video> 获取 video 上下文 videoContext 对象 onReady: function (res) { // 获取 video 上下文 videoContext 对象 this.videoContext = uni.createVideoContext('myVideo'); // 进入全屏状态 this.videoContex

注:本文使用的是 uniapp 语法. 微信小程序提供了扫码API:wx.scanCode,但它只能扫一次码,想要实现连续扫码,需要借用 camera 组件.camera 组件不仅能拍照,还具有扫码功能,只要将它的 mode 属性设置为 scanCode,就会在扫码识别成功时触发 bindscancode 事件(在 uniapp 中是 scancode 事件). <camera mode="scanCode" device-position="back" fl

全屏竖向滑动效果,自适应,多终端 全国高考倒计时,音乐自动播放. 背景图片:img目录下替换bg.jpg  背景音乐:audio目录下替换song.mp3 原本按照正常情况下每年的6月7.8日就是全国高考的时间的,无奈今年的一场疫情导致高考都延迟一个月 前几年每次全国高考的时间本站都会发布一篇文章祝福高考生,可惜2020年的7/8日不是高考时间了 所以分享一款高考倒计时网页源码,也提前祝福一下全国莘莘学子!下载地址:https://www.lanzoux.com/imR2Hded9xc

由于uniapp暂无钉钉授权登录所以本文将钉钉扫码登录作为网页嵌入uniapp,最终实现钉钉扫码登录app 1. 用H5调起钉钉扫码登录 钉钉在网页端的扫码登录可参考钉钉文档:扫码登录第三方网站 - 钉钉开放平台 (dingtalk.com) // 钉钉扫码登录 dingLoginFn() { let dingData = { appid: OUT_LINK_CONFIG.dingAppid, state: "STATE", url: encodeURIComponent('登录后的回

1.view  代码 <view class="v-main-scan"> <uni-icons @click="scanCode" class="v-main-icon-scan" type="scan" color="#3079b5" size="150"></uni-icons> <text class="">扫码

设置page:{样式},博主调试的时候在app端不起作用,设置配置文件的backgroundColor也没有用,所以博主就使用了一个稍微比较偏的办法解决了,没有用获取设备信息的api来实现 具体操作就是在template下面的二级标签设置一个单独的空标签,给一个class,具体代码如下 class="bgColor" .bgColor{    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    ba

通过设置navigationStyle, 即自定义导航实现背景全屏 参考文章:  微信小程序 自定义头部导航栏 navigationStyle 代码部分 在page.json中, 加入 "navigationStyle": "custom" , 这是全局的, 单页面的还不知道怎么搞 "globalStyle": { "navigationBarTextStyle": "black", "navig

原文链接:https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch-FullPage-Plugin 先验货 插件代码可以在这里找到. 注意,虽然是扫码体验,但是AlloyTouch.FullPage特意对鼠标滚轮事件进行了兼容,所以PC上的全屏滚动页面也可以使用它来快速制作. 使用姿势 在设计全屏滚动插件的时候,希望开发者几乎: 不用写任何脚本快速生成精致H5 支持PC滚轮和移动触摸 酷炫的转场动效 灵活的时间轴管理 一切皆可配置 但是不写脚

使用姿势 在设计全屏滚动插件的时候,希望开发者几乎: 不用写任何脚本快速生成精致H5 支持PC滚轮和移动触摸 酷炫的转场动效 灵活的时间轴管理 一切皆可配置 但是不写脚本肯定没有灵活性咯?!不是的.这里不仅仅可以通过在HTML配置一些参数,还可通过插件的回调函数进行一些逻辑注入.就拿上面大家扫码看到的例子的部分HTML来分析下AlloyTouch.FullPage的使用姿势: <div id="fullpage"> <div> <div> <d

勇敢,是心中最初的信仰,实景科幻实验节目<勇敢的世界>,重装上阵对抗升级,<中餐厅2>皇阿玛圣驾亲临,坐镇中国味道.Win10版<芒果TV>全平台同步更新勇敢版v3.8.50,新增了短信.扫码登录,进一步优化了流畅性. Win10版<芒果TV>V3.8.50更新内容清单: 1.新增短信登录,再也不担心手机号登录问题. 2.新增扫码登录方式,大屏牵手小屏同步登录. 3.因组件兼容性,移除14393支持,最低兼容到15063. Win10版<芒果TV>