Cocos技术派 |《野蛮人大作战》H5项目从开发到上线
Cocos 公众号近半年来邀请了多位优秀的开发者进行案例分享，比如梦加《足球弹弹乐》、华夏乐游《欢乐枪战》、腾讯《乱斗之星》等，受到很多读者的喜爱。基于此，我们决定开设这个「技术派」专栏，今后将不定期邀请知名的游戏制作者，带来他们实战项目的开发技术和制作经验。 来自杭州电魂网络的主程蓝图，接受了 C...
rem的正确使用姿势 -- 完美解决H5页面不同尺寸屏幕的适配问题
实例代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...
使用微信三公源码搭建和h5鱼虾蟹源码搭建创建现代 Web 站点
微信三公源码搭建Q1446595067h5鱼虾蟹源码搭建官网：h5.haozibbs.com开始之前本教程假定您具有 HTML、CSS 和 JavaScript 的一些基本经验。假定您知道什么是 HTML 元素或标记、属性表示什么、HTML 标记的基本语法、Web 页面的常规结构等等。关于 CSS，...
H5新增的结构元素
H5新增的结构元素1、article元素表示一篇独立的文档，比如说一篇博客，一个文章等，都可以用article包起来。2、session表示一个独立的块，对内容进行了分块。3、header通常代表标题，但是里面不仅包h1 h2 …还可以包很多别的标签，根据语义的理解，就是一个页面的头部。4、foot...
Android集成支付宝，H5支付页面点击无反应
前段时间项目需求，集成了支付宝手机支付功能，集成过程中一切顺利，禁不住感叹大厂提供的东西就是给力。然而今天测试拿手机过来，跟我说手机未安装支付宝的时候，使用H5支付某些按钮点击无效。然后我去看了一下，还真是，但是奇怪的是部分手机没有问题，小部分手机出现了这个情况，同样一套代码，怎么会有两种区别这么大...
WebView H5 跳转微信支付、支付宝、QQ钱包WAP
最新小菜在用研究借助 WebView h5 跳转 微信和支付宝支付页面，研究了挺久，一直没有找到合适的判断。很简单的两小段代码分享一下，希望可以帮助需要的朋友。 目前小菜是借助的 TBS X5 浏览器内核的 WebView，原理是一样的。主要是对url内容的判断，以下是关键代码...
H5 -- （功能）公众号微信支付的实现
1、需求：由于公司微信公众号新增充值业务，所以需要在公众号里h5页面里接入微信支付2、分析：其实微信支付开发文档写的很详细，只要按照步骤一步一步来，基本问题不大，但我还是遇到了形形色色大大小小的坑，在此记录，希望有相似需求的小伙伴有所收获~① 首先确认公众号支付的定义（截图来自微信商户平台）② 业务...
微信公众号调起微信内置浏览器h5支付
（一）微信公众号和微信商户平台配置根据微信公众平台的使用教程配置一、设置支付目录请确保实际支付时的请求目录与后台配置的目录一致，否则将无法成功唤起微信支付。在微信商户平台（pay.weixin.qq.com）设置您的公众号支付支付目录，设置路径：商户平台-->产品中心-->开发配置，如图...
在iOS APP发起H5微信支付
场景介绍 H5支付是指商户在微信客户端外的移动端网页展示商品或服务，用户在前述页面确认使用微信支付时，商户发起本服务呼起微信客户端进行支付。 主要用于触屏版的手机浏览器请求微信支付的场景。可以方便的从外部浏览器唤起微信支付。 提醒：H5支付不建议在APP端使用，如需要在APP中使用微信支付，请接AP...
移动端H5页面获取手机自带的返回键并添加事件。
在当前的项目中，由于是移动端的项目，在手机上会有自带的返回键这时候就需要获取按键来进行返回事件。项目中运用的是vue。在单页面中会展示当前的文件信息，如是文件夹则可以点击查看它的子级文件。当我们想返回上一级文件的时候可以点击左上角的返回按钮，这是在项目中抒写好的逻辑。如果用户此时点击的不是左上角的返...
h5页面中固定在底部的导航跟随着键盘移动
问题描述：在有底部导航的页面里，如果有哦输入框，当输入框获取焦点的时候，键盘就会被弹出来，由于这时页面的高度变化了，定位的导航位置也会变化，所以这时我们的底部导航会出现在键盘的上面，如下图：解决方法：根据页面的可见区域高来控制它是否显示效果如下...
h5页面的复制功能
来源于项目的实现，仅供参考；利用百度的cdn加载clipboard.js：<script src="https://co.baifubao.com/static/cdn-libs/clipboard.js/2.0.4/clipboard.min.js"></script>以下...
移动端H5页面的设计稿尺寸大小规范
请注意：（以下所有讨论内容和规范均将viewport设定为content=”width=device-width”的情况下） 也就是我们的H5页面前端代码里面必须包含<meta content=”initial-scale=1.0,user-scalable=no,maximum-scale...
h5视频倍速播放功能
playbackRate属性是个可读写的控制音视频播放速率的属性。语法如下：// 视频获取速率var videoSpeed = video.playbackRate;// 视频设置播放速率，如正常速度播放video.playbackRate = 1.0;// 获取音频播放速率var audioSpe...
更改kindeditor编辑器，支持h5的video标签替换原有embed标签
kindeditor是一款不错的可视化编辑器，考虑到现在h5中的video标签的强大，于是决定将原来系统中的embed标记更改好video。修改kindeditor-all.js具体操作如下：1.讲video添加为不需要过滤过的标签video : ['id', 'class', 'src', 'wi...
微信h5网页中audio标签ios端自动播放和循环播放
audio标签在安卓系统上面只需要设置audio标签的一些属性就可以实现自动播放和循环播放功能，但是在ios系统中因为其独特的安全设置原因，不能自动播放和循环播放，下面是我在项目中的解决办法：用js判断当前浏览器类型，是否为微信浏览器//window.navigator.userAgent 方法可以...
h5点播播放mp4视频遇到的坑,ios的h5不能播放视频等
背景h5的出现对多媒体在网页上的视频播放提供了支持，以前网页播放视频基本依赖于flash等插件。而h5的video标签实现了网页播放视频无插件化。因此，h5的出现给网页视频播放带来极大的便捷性，目前，PC端的Chrome，安卓端浏览器，微信浏览器，QQ浏览器(自带播放器)，以及IOS的safari都...
如何制作一个完美的全屏视频H5
写在前面的话：最近一波H5广告火爆整个互联网圈，身为圈内人，我们怎能 不！ 知！道！ :( 嘘！真不知道的也继续看下去，有收获 ↓ ）So，搞懂这个并不难。这篇文章将带你从头到尾了解H5广告的实现。 本文主要讲一下几个关键点一、视频内联播放。 -- 想要营造一种文字与视频混排的现...
视频监控安防平台-国标GB28181转RTSP和RTMP推流进行H5(RTMP/HLS)直播（支持GB28181-版本、支持公网码流传输）
视频监控安防平台-国标GB28181转RTSP、RTMP和HLS管理平台（支持GB28181-2016版本、支持公网码流传输） 最近抽了点时间把国标GB28181转RTSP、RTMP和HLS管理平台做了简单的整理，把相应的Demo也整理好了，本次Demo是在之前GB28...
【流媒体】“异步+准实时”解决主流H5播放器格式兼容问题
小编最近3周在做流媒体相关业务，对于视频这块有了一些自己认识，分享一下。 一、业务场景 类似“汽车抵押贷款”等相关贷款业务这几年很常见，往往为了做风险控制，要求贷款人在我门店按照工作人员要求录制N段视频，上传到我系统，以备贷款资质审核而用。而我方网站是B/S模式，风控审核...