• Practical examples of common API interfaces for HTML5 video


    1、 Although some attributes are of boolean type, it is still recommended to write in XHTML (attribute name = attribute value) format to avoid errors (the bold attributes below are common attributes) attribute value Function description controls controls Show playback controls or not autoplay autoplay Set whether to play automatically after opening browser width Pilex […]

  • Building single page application based on vue.js and WordPress rest API


    Preface Vue.js is a library for building interactive web interfaces. It provides MVVM data binding and a composable component system with simple and flexible API.Axios is an HTTP client based on promise for browsers and nodejs, which we will use to request APIs.WordPress rest API provides an API endpoint for WordPress data type, allowing developers […]

  • Optimize recorder H5 recording: upload the server while recording and transcoding, support wechat to provide Android IOS hybrid app source code


    With the increase of the supporting functions of recorder H5 GitHub open source library, the efficiency of audio transcoding processing gradually fails to keep up with the demand. Recently, time has been taken to upgrade and optimize the audio transcoding part to support more practical functions.In addition, the hybrid app of IOS has also been […]

  • Sample code for HTML5 image preloading


    In HTML5, we can use the DrawImage method to draw on canvas. The basic code is as follows: var canvas = document.getElementById(“canvas”); var context = canvas.getContext(“2d”); var image = new Image(); image.src = “images/01.jpg”; context.drawImage(image, 0, 0); However, we will find that it is impossible to display the picture in this way. Because the picture […]

  • The use of cross env in Vue


    cross-env Cross-env is a cross platform script for setting and using environment variables. In most windows command lines, an error is reported when using node? Env = production to set environment variables. Similarly, how windows and Linux commands set environment variables is different.Usecross-envYou can set the same node? Env parameter on different platforms. Use install […]

  • Example of magnifying glass effect implemented by HTML5 canvas


    Picture magnifier effect Online source Preview Source code principle First select an area of the picture, then enlarge the area, and then draw it on the original picture to ensure that the center points of the two areas are the same, as shown in the following figure: Initialization <canvas id=”canvas” width=”500″ height=”500″> </canvas> <img src=”image.png” […]

  • Android compatibility of HTML5 mobile video (remove play control, full screen)


    HTML5 video playback under Android has always been a front-end compatible disaster area, with poor experience, which has been criticized for a long time. However, the video technology used by the former Forbidden City through H5 and Wu Yifan in H5 seems to give people a new look. Some time ago, when I was working […]

  • 00. Bui development and playing Android App syllabus


    This set of video teaching is an advanced course of bui. We use the bui framework to develop an android app, and use Wan Android to develop the real API exposed to us Bui development and playing Android App directory 00. Syllabus 01. Course Introduction 02. Construction of project framework 03. Use GitHub to manage […]

  • Appreciation of some “scrolling” behaviors of browser Chinese style


    I’ve been very busy recently. I’m free to write this timeEdify the sentiment,Browser scrollingI really see you every day. For example, if you read this article now, you have to scroll down. This article mainly talks aboutRolling correlationSome ofMethodFollowattributeThere are some interesting examples A kind of The article involvesMethod or propertyLink will be placed at […]

  • New Alipay payment platform for personal payment


    The new Alipay personal payment interface is added to the Alipay payment platform. The official payment interface of Alipay can be applied by individuals, and developers are welcome to use them. The “super rice payment platform” is the Alipay / WeChat payment interface available to individuals. It supports payment methods such as face to face […]

  • How to realize the example code of H5 + CSS3 finger slide switch picture


    It contains three files: HTML, slider-h5.js and jquery.js. Sliding parameters can be configured in HTML. The specific code is as follows: HTML code: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″ /> <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ /> <meta name=”viewport” content=”width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, maximum-scale=1.0, user-scalable=no” /> <meta name=”apple-mobile-web-app-capable” content=”yes” /> <meta name=”apple-mobile-web-app-status-bar-style” content=”black” /> <meta content=”telephone=no” name=”format-detection” /> <meta […]

  • Using HTML5 canvas to draw torus dynamic effect


    Recently, the author has a demand. The content of the demand is: a group of text is displayed around the circle. Users can add text. The text is around the circle. Each word corresponds to the small blue dot around the circle. When the user places the mouse on the small blue dot above the […]