[廾匸]-CSDN博客

原创发送实时音频数据到udp服务

1、vue开发获取实时音频数据并按4096分包后添加rtp协议头发送到websocket服务（连接websocket自行编写连接到127.0.0.1:8889）由于浏览器不能直接连接udp服务，所以需要搭建一个websocket服务做中转，让websocket服务连接udp服务。创建一个app.js，并安装dgram依赖 npm install dgram --save。2、使用nodejs搭建websocket服务。运行app.js： node app.js。

2023-09-22 11:51:30 564

原创 google浏览器打开网页自动播放声音的浏览器版本

谷歌浏览器自从2018年4月更新之后就不能使用：打开网页自动播放声音了，必须要用户交互之后才可以播放声音；我这个版本是更新之前的一个版本，可以打开网页播放声音，但是这个版本是自动更新的，必须要去电脑的服务上关闭google更新选项关闭google更新服务步骤：关闭google更新服务步骤google版本放在百度云盘：链接：https://pan.baidu.com/s/1lbXqUzsmK8zPAPkqw9HGgw 提取码：lrw8 复制这段内容后打开百度网盘手机App，操作更方便哦...

2023-09-18 11:51:36 152

原创【vue使用three.js时报Unexpected token ＜ in JSON at position 0错误】

vue使用three.js时报Unexpected token < in JSON at position 0错误只要把模型文件放到public文件夹或者static文件夹下调用就可以了，不能放在src文件夹里面

2021-11-22 11:12:13 1863 4

原创 javascript的在线文档

占个坑，方便日后查看w3cJAVASCRIPT在线文档

2020-09-30 16:21:58 341

原创百度地图自定义背景图瓦片图制作流程

百度地图瓦片图制作流程1、下载BaiduMapTileCutter.exe链接: https://pan.baidu.com/s/1uxgiz8j9keQd19qz2byT5Q 提取码: cwva2、打开下载好的软件1）、选择要切瓦片图的图片，选好后下一步：2）、选择输入的路径：选一个你想要存放的路径3）、选择输出的类型：（如果你选的是：“图块以及代码”的话，到时候输出的文件里面是有一个html文件，里面有写好的代码给你看怎么写；如果选择“仅图块”，输出的只有图片）4）、坐标设置：这里就

2020-09-30 16:18:17 2289

原创百度离线地图瓦片图制作

百度离线地图瓦片图制作流程1、下载百度地图下载器链接: https://pan.baidu.com/s/16ajLK94XDjsUC_bWNmm_9g 提取码: qti82、打开下载好的软件![在这里插入图片描述](https://img-blog.csdnimg.cn/20200930160751559.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0

2020-09-30 16:13:28 1268

原创 js 方法调用顺序（异步回调）

在js里如果遇到要执行完一个方法再执行另一个方法，可以通过异步回调来操作，比如function AA(){ console.log('我是AA方法');}function BB(callback){ console.log('我是BB方法'); //需要加个判断，不加可能会报错 if(typeof callback == 'function'){ ...

2019-10-09 09:42:32 1250 1

转载 vue cli大型项目调用vuex状态管理

1、安装使用vue-cli搭建好项目以后，安装vuex npm install vuex –save-dev2、创建Vuex.Store实例文件夹目录如下：main.js入口文件import store from './store' new Vue({ el: '#app', router, store, components: { App }, ...

2019-09-05 16:35:44 167 1

原创 vue 引入recorderX录音插件

这是我引入的步骤，因为我第一次引入不会搞，浪费了很多时间，写个博客记录一下~通过询问写这个插件的大神才解决了我的问题~1、引入插件npm install recorderx -S2、import 进页面import Recorder from 'recorderx';const rc=0;3、开始录音let that = this;this.$nextTic...

2019-01-30 14:38:50 8688 4

原创小程序初级应用ppt分享

查看小程序初级应用ppt

2018-10-15 17:11:11 531 1

原创微信小程序使用canvas在真机上不显示用户头像问题（不显示网络图片）

如果要做一个分享朋友圈，而需要通过canvas绘制图片，在真机上是不显示你的用户头像的，但是开发者工具和真机上打开调试是可以看的。这就需要在微信公众平台把你头像前面的网址配置到downloadFile网址里去比如下面的头像，就需要把https://wx.qlogo.cn添加到downloadFile网址去,然后清除缓存，重新打开就可以看到绘制的头像了"avatarUrl":"https:/...

2018-08-24 15:36:48 8740 1

原创 html5 canvas clock 时钟效果

这是一款仿时钟的canvas~

2017-09-26 10:46:25 756 1

原创 css3背景透明文字不透明

背景透明的解决办法游以下三种：（1）：html: 背景透明，文字不透明css:.demo{ padding: 25px; background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}.demo p{ color: #FFFFFF;}@med

2017-09-01 14:20:44 737 1

转载 form表单中用户名和密码文字对齐

在web前端页面设计中，登录表单是非常常见的。如果用户名和密码对齐还困扰着大家，就让我来讲讲吧！用户名三个字，密码俩个字，默认是不对齐的。很多人是在密码中间加上&nbsp,对某个特别的浏览器或许好了，但是不能兼容所有浏览器，所以这种做法是不明智的。正确的做法如下：在“密码”中间加上一个全角的空格（Space）,”密（全角的空格）码“就有三

2017-08-31 14:43:59 3850

转载自定义下拉框

style：*{margin: 0;padding: 0;}li{list-style: none;}.sewvmain{width:1000px;margin:50px auto;text-align: ;}.sewv{position: relative;width: 100px;display: inline-block;vertical-align: middle;}.sewv

2017-07-17 14:25:15 230

转载 css3动画制作太极图

css3：animation制作太极图（匀速逆方向旋转）【转载】：我们先来看下效果图截图：制作时主要用到了css3的animation属性html:<div class="taiji"> <div class="a"> <div class="inner"></div> </div> <div class="b"> <div class="

2017-03-06 11:27:11 1155

原创 css3指南针效果

css3的动画效果：animation实现指南针旋转，执行了两个动画： 1、从屏幕左边滚动出来 2、绕着中心旋转效果图：另外的三张图片 html<div class="bodyBg"><img src="images/bg1.jpg"/></div><div class="container"> <div class="bdDiv">

2017-03-04 15:14:48 551