
html
best-徐
...
展开
-
限定input输入框只能输入数子
在input输入框中添加 onkeyup=”value=value.replace(/[^\d]/g,”)” 栗子: <input type="text" [(ngModel)]="username" class="form-control input-underline input-lg" formControlName="username" placeholder= "{{ 'P...原创 2018-08-30 14:21:38 · 402 阅读 · 0 评论 -
HTML5调用摄像头+视频特效+录制视频+录音+截图+变声+滤波+音频可视化
1.写在前面 根据最近的学习,写了一个demo, 可以通过navigator.mediaDevices.getUserMedia()方法调用电脑摄像头,并实现了录制音频,录制视频,对摄像头的内容进行截图下载;通过AudioContext使用web audio api处理音频信息,实现滤波以及简单变声处理。录制使用的api是MediaRecorder。整个demo没有使用其他的库,全部是原生ap...转载 2018-09-12 20:46:41 · 1610 阅读 · 0 评论 -
HTML5音频录制
学习HTML5音频录制 ...转载 2018-09-10 17:42:23 · 1385 阅读 · 1 评论 -
用户是否在线来控制头像的亮和灰
需求:我们要在页面上显示用户的头像,根据用户是否在线来控制头像的亮和灰 需要用到 object.style.filter属性来设置,如下是将用户的头像设置成灰色。详细使用说明 if (userInfo.status !== 'ENABLED') { console.log('status: ' + userInfo.status); img.it...原创 2018-10-08 09:59:39 · 205 阅读 · 0 评论 -
img的图片是否可以正常显示事件
用TypeScript判断图片是否存在,不存在则显示默认图片的代码。 img标签有个onerror事件,写的时候加上就可以了,onerror事件里写上默认图片的路径 代码: js: &amp;amp;lt;img src=&amp;quot;{{userInfo.headPortrait}}&amp;quot; onerror=&amp;quot;javascript:this.src='assets/images/headportrait.p原创 2018-09-30 10:11:18 · 1091 阅读 · 0 评论 -
弹框input标签自动获取焦点
html中,只会在页面加载后,点击按钮打开弹窗第一次,会自动获取焦点,之后就打开弹窗就不会再有弹窗事件,所以这样只能直接在页面中的输入框中使用,不适合用在弹窗中 <input type="text" id="box" autofocus="autofocus"> typescript中,需求:要每次打开模态框都需要获取焦点,所以只能在点击按钮打开弹窗的事件中用ts手动获取焦点了 ...原创 2019-08-15 16:56:11 · 4236 阅读 · 0 评论