OpenLayers简介

OpenLayers（https://openlayers.org/）是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求。

有如下特点：

1. 支持任何XYZ瓦片资源，同时也支持OGC的WMTS规范的瓦片服务以及ArcGIS规范的瓦片服务

之前有给大家分享2个超棒的视频播放器。今天继续分享一款高质量的H5视频播放器插件LivePlayer。

HTML5 开源视频播放器DPlayer

效果图：

我这个是引入js的方式播放的。也可以用npm直接下载hsl.sj进行引入
1.public里面index.html页面引入对应的js

引言

为了让用户更好的

调试液晶屏显示异常时，需要通过异常现象反复修改驱动参数，过程相当繁琐。使用ZDS4054 Plus长存储示波器，捕获完整驱动时序，使调整液晶屏驱动参数变得简单快捷！

液晶屏幕使用多屏拼接时，容易出现显示图像重复、错位等帧同步异常，以往需要根据异常现象进行逆向推导，反复调试修改驱动器参数，这种方式费时费力。使用长存储示波器，可一次捕获完整驱动时序，调试LCD控制器再也不烧脑，下文通过实际案例解析ZDS4054Plus在LCD液晶屏驱动测试中的应用。

wangeditor是个很好的编辑器。小巧玲珑，惹人怜爱~
但是在使用的过程中，我们往往会复制word的文字到编辑器中，如果wangeditor没有做任何处理，会导致复制的内容比较错乱，甚至无法添加到数据库中。
为了解决这个问题，我们需要对从word中粘贴的内容进行处理，吧多余的代码剔除。
下面是我再实际应用中处理的代码分享给大家。

window.wangEditor.fullscreen = {        // editor create之后调用        init: function(editorSelector){            $(editorSelector + " .w-e-toolbar").append('<div class="w-e-menu"><a class="_wangEditor_btn_fullscreen" href="###" onclick="window.wangEditor.fullscreen.toggleFullscreen(\'' + editorSelector + '\')">全屏</a></div>');        },        toggleFullscreen: function(editorSelector){            $(editorSelector).toggleClass('fullscreen-editor');            if($(editorSelector + ' ._wangEditor_btn_fullscreen').text() == '全屏'){                $(editorSelector + ' ._wangEditor_btn_fullscreen').text('退出全屏');            }else{                $(editorSelector + ' ._wangEditor_btn_fullscreen').text('全屏');            }        }    };    var E = window.wangEditor    var editor = new E('#editor')    // 或者 var editor = new E( document.getElementById('editor') )    // 配置服务器端地址    editor.customConfig.uploadFileName = 'file'    editor.customConfig.uploadImgServer = "{:url('Upload/wang_editor_upload')}"    //去除富文本中粘贴word样式问题    editor.customConfig.pasteTextHandle = function (content) {        // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回        if (content == '' && !content) return ''        var str = content        str = str.replace(/<xml>[\s\S]*?<\/xml>/ig, '')        str = str.replace(/<style>[\s\S]*?<\/style>/ig, '')        str = str.replace(/<\/?[^>]*>/g, '')        str = str.replace(/[ | ]*\n/g, '<p>')        str = str.replace(/ /ig, '')        console.log('****', content)        console.log('****', str)        return str    }    editor.create()    E.fullscreen.init('#editor');

记录自己的一次开发记录和各种需求wangeditor 使用场景，本次介绍的是wangeditor5在vue2中的使用。学会这个在vue3或者其他项目中，也是手拿把捏。慢慢看，终将有所收获。

1.基本使用

1. 安装

今天给大家分享一个轻量级Vue.js全屏滚动进度条组件VueScrollProgress。

vue-scroll-progress 一款基于vue.js构建的页面滚动进度条组件，

1. 建立工程 bh001_camera_barcode

源码

简介

Jessibuca是一款开源的纯H5直播流播放器，通过Emscripten将音视频解码库编译成Js（ams.js/wasm)运行于浏览器之中。兼容几乎所有浏览器，可以运行在PC、手机、微信中，无需额外安装插件。

功能

• 支持解码H.264视频(Baseline, Main, High Profile全支持，支持解码B帧视频)