1. What is inquirer.js 1. inquirer.js is an open source interactive command line user interface (CLI) library that allows you to easily interact with users, obtain user input and process it accordingly. Its main function is to provide a series of commonly used command line interactive interface components, such as input, confirm, list, checkbox, etc. […]
Tag: r.js
Page control–Mobile development gesture library Hammer.JS usage documentation
Article directory Hammer.js introduction: Notice: 1. Plug-in introduction method 1. Introduce directly using script tags on the page 2. Introduction via npm 2. Basic usage demonstration 1. css: 2. html: 3. JavaScript: 3. Event types monitored by Hammer.js 1. pan event (drag and drop): 2. pinch event (pinch to zoom): 3. press event (long press) […]
Customized audio display in vue project, basic use of wavesurfer.js
Rendering: wavesurfer is a customizable audio waveform visualization built on top of the Audio API and HTML5 Canvas. Basic usage: <body> <script src=”//i2.wp.com/unpkg.com/wavesurfer.js”></script> <div id=”waveform”></div> <script> var wavesurfer = WaveSurfer.create({ container: ‘#waveform’, waveColor: ‘violet’, progressColor: ‘purple’ }); //Receive incoming audio wavesurfer.load(‘./test.mp3’); // event wavesurfer.on(‘ready’, function () { wavesurfer.play(); }); </script> </body> Commonly used parameters of […]
Howler.js HTML5 sound engine
Introduction Howler.js is a nice HTML5 sound engine. It has powerful functions, good performance, and is very convenient to use. 1. Official website https://howlerjs.com/ GitHub https://github.com/goldfire/howler.js 2. Compatibility Howler uses Web Audio by default, but can automatically convert to HTML 5 Audio on IE. This is very considerate. 3. Sound activation Safari and Chrome on […]
Using editor.js in vue3
The first step is to install dependencies npm i @editorjs/editorjs –save The second step is to create the editor.vue plug-in <template> <div> <div id=”editorjs” :style=”‘width:’ + props.width + ‘px;height:’ + props.height + ‘px;'”></div > </div> </template> <script setup> //Header: used to set the title level of the text, supporting multi-level titles. //Paragraph: used to add […]
[Plug-in] Page guidance library driver.js:
Article directory 1. Rendering: 2. Implementation ideas: 3. Implementation code: 【1】Technical characteristics of Driver.js 【2】Install dependencies 【3】Code implementation 【4】Configure related parameters 1. Rendering: 2. Implementation ideas: 【Official website】https://driverjs.com/docs/installation 【npm】https://www.npmjs.com/package/driver.js [Case] Transform driver.js to create a general-purpose novice guidance plug-in for business [Case] Vue3 uses driver.js as a guide page, and the delineated content is blank. […]
ARCGIS GeoJsonLayer.js
It works, but it doesn’t have many functions. At most, it can mark points and lines and change the color. It won’t work if the whole thing is marked. Anyway, I didn’t get it done. define([ “dojo/_base/declare”, “esri/graphic”, “esri/layers/GraphicsLayer”, “esri/InfoTemplate”, “esri/graphicsUtils”, “esri/Color”, “esri/symbols/SimpleMarkerSymbol”, “esri/symbols/SimpleLineSymbol”, “esri/symbols/SimpleFillSymbol”, “esri/renderers/SimpleRenderer”, “esri/SpatialReference”, “esri/geometry/webMercatorUtils”, “esri/request”, “esri/config”, “dojo/_base/url”, “dojo/_base/lang”, “esri/symbols/PictureMarkerSymbol” ], function […]
Page distribution guide for beginners (driver.js)
Page distribution guide (driver.js) Recently, there is a need – to provide novice guidance, provide guidance and help when new users enter the page, and quickly familiarize users with the functions of the page. However, in order not to affect the existing page logic and style too much, I found a very good one. Tools […]
[Transfer] Vue page guide effect (first login new user guide) driver.js guide page
A lightweight, dependency-free native JavaScript engine that focuses the user’s attention on the entire page; this is a powerful and highly customizable new user onboarding library based on native JavaScript development. Introduction and tutorial Driver.js is a powerful and highly customizable new user onboarding library based on native JavaScript development. It has no dependencies and […]
ffmpeg+wavesurfer.js develops an audio cutting web tool
Scene Sometimes I want to process the cutting of some audio files, but I don’t want to download professional software such as Audition. So I opened Baidu to look for such a web tool, and found that most of them only display the time of the audio, without the waveform diagram, which brings inconvenience to […]