h5活动需要插入音频,但又需要自定义样式,于是自己写咯 html <!-- cur表示当前时间 max表示总时长 input表示进度条 --> <span class='cur'></span><input type="range" min=0 max=100 class='range' value=0><span class='max'></span> css /* 进度条 */ .range { width:…

localStorage相信大家都不陌生,今天我们要讨论的不是怎么存储数据,获取数据.而是看看WebStorage的一些妙用,相信大家在开发中遇到过这样一个场景,一个页面中嵌套一个iframe,iframe中填写了一些数据,关闭iframe后,需要通知页面中变化数据,或者触发某个事件.这个需求说难不难,说简单不简单,解决方式也是五花八门,读者可以在评论区留言.我要说的是,用storage事件机制来解决这个问题. 引用<h5移动web开发指南>上的话: “当同源页面的某个页面修改了localSt…

因为音频格式有版权,各浏览器使用不同的音频格式. 音频格式兼容性 音频格式 Chrome Firefox IE9 Opera Safari MP3 支持 不支持 支持 不支持 支持 OGG 支持 支持 支持 支持 不支持 WAV 不支持 支持 不支持 支持 不支持 一般提供ogg和mp3格式,就可以支持所有主流浏览器了. 音频格式比较: wav格式音质最好,但是文件体积较大. mp3压缩率较高,普及率高,音质相比wav要差. ogg与mp3在相同位速率(Bit Rate)编码的情况下,ogg体积…

前端交流群,群文件提供大量文档.书籍和资料.期待你的加入!群号:127768464 由于项目需要,最近刚做了一个网页放音的功能,使用到了H5新标签<audio></audio>,但是audio只能支持IE8以上的浏览器,低版本浏览器如何支持呢?下面我就来介绍一下我的解决办法. 通过上网搜集资料,找到了两套方案,一种是在页面head中引入<script src="//api.html5media.info/1.1.8/html5media.min.js"&g…

情景: uni-app使用vue框架开发混合APP,虽然APP或者小程序没有跨域,但希望就是写完这个既有H5,又有APP,小程序等,所以能通过后端解决跨域最好.但是不知道是vue的原因还是什么,在PHP接口基类中添加了header头完全不起作用.官方给出的方法也有,具体可以看https://uniapp.dcloud.io/api/request/request. 分析: 1. 以前的做法是在接口添加以下部分就可以解决ajax的跨域(虽然也用过jsonp). // 指定允许其他域名访问 // h…

1.audio:html5音频标签 <audio loop src="/photo/aa.mp3" id="audio" autoplay preload="auto">该浏览器不支持audio属性</audio> 不支持audio元素的浏览器会显示标签内文字 src:音频地址 autoplay:音频加载完毕后自动播放. controls:显示播放控制条. loop:播放完毕后会重复播放. preload:1)auto 预…

背景介绍:在一个h5页面中,当用户提交表单到后台,后台返回的结果成功的话,开始自动播放背景音乐 出现的问题:在安卓手机上正常,iOS中没有反应 后来网上一番搜索后了解到时因为iOS不允许自动播放音乐,除非用户做出了交互行为 解决方案:1.如果是在页面刚加载就需要自动播放音频的话还是比较好办的,可以利用微信提供的api来实现(应该是内部做了一些修改) // 通过config接口注入权限验证配置后, 在 ready 中 play 一下 audio function autoPlayAudio1()…

agent端: zabbix 自定义脚本 [root@localhost script]# cat check_ping.sh #!/bin/bash result=$(/usr/local/nagios/libexec/check_icmp -s $ $) a=$(echo $result | awk '{print $1}') if [ $a == "OK" ];then " else " fi [root@localhost script]# 执行脚本: [r…

在实际开发中遇到这样一个乘法公式:数量*单价=总价 像这样的浮点数列子:200*8.2,JS算出的结果是: 像这种浮点数的乘法计算就会有误差,我们需要得到准确的值应该是:1640,与我们后台C#计算结果要一致. 这里我们采用两种方式来解决. 1:乘数和被乘数同时扩大10000倍.因为金额的最小单位也就是厘.然后结果在除以100000000,公式是:(2000000*82000)/100000000 这种方式如果小数位要求越高,也还是有误差的,下面再说. 2:自定义乘法,这种方式利用小学的计算公式…

这是入门的第三天了,从简单的hello spring开始,已经慢慢接近web的样子.接下来当然是读取简单的对象属性了. 于是按照网上各位大神教的,简单写了个对象book,如上一篇(B),其他配置不需要做任何改动. package com.example.bean; import org.springframework.beans.factory.annotation.Value; import org.springframework.boot.context.properties.Configu…