
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 538 Articles for HTML5 Canvas

1K+ Views
In this tutorial, we're going to learn how to set up a video.js player on an android device. Video.js is a web video player library that is utilized for creating modern-looking video players. One of the great things about video.js is that it supports a wide range of display sizes like desktops, laptops, mobiles, etc. Also, it supports a plethora of video formats be it standard or modern like mp4, Flv, YouTube, etc. For the purpose of this tutorial, we're going to learn how to set up a video.js player on an android device. Sometimes the video player created using ... Read More

2K+ Views
Video.js is a library that lets you create a modern looking and advanced video player with support for all traditional video formats like mp4, Flv, etc. In addition, it also supports the latest video formats like YouTube, Vimeo, etc. In this tutorial, we're going to comprehend how to get the current playback time of a video player created using video.js. Video.js provides you the flexibility to control even the minute aspects of your video player without any hassle. So, for the purpose of this tutorial, we'll try to get the current playback time of a video player. Getting the current ... Read More

1K+ Views
Video.js is a well-known online video player JavaScript toolkit that is used to create web browser video players for a range of video formats. Video.js is a very flexible and customizable library to create modern web video players. It supports a wide range of packages, plugins, and options. Using video.js, any part of an HTML video player can be configured as per your liking. For the purpose of this tutorial, we're going to create a video loop in a video.js player i.e., playing the video in a loop repeatedly. Usually looping, a video is done by playing the video again ... Read More

2K+ Views
In this tutorial, we'll learn about the various event listeners and how to use them with callback functions for a video.js player. Video.js is a popular, open-source library used for creating video players in browsers. Using video.js you can tweak every single part of a video player without much problems or hassle. Aside from that, video.js provides a plethora of default events like play, pause, playing, loadedmetadata, timeupdate, canplaythrough, loadeddata etc. So, for the purpose of this tutorial, we're going to learn about the callback functions of various event listeners in video.js. Callback functions are really crucial as they are ... Read More

2K+ Views
In this tutorial, we're going to learn how to initially mute videos in the video.js player. For this tutorial, we're not going to make use of the standard HTML tags like 'muted' which are available for a video element, instead, we're going to use the method specific to video.js. So, let's move on to the subsequent section of this tutorial and understand how to initially mute videos in the video player using just video.js. For muting the videos of our video.js player, we'll make use of the 'muted' method and 'volume' method provided by video.js. We can make use ... Read More

2K+ Views
Video.js is a powerful tool for working with video on the web, providing a common interface for different types of video players including HTML5, Flash, and others. It is designed to be easy to use and customize, with a wide range of options for controlling the look and feel of the player. In this tutorial, we will show how you can set up a full video background for a video player using this open-source JavaScript library called video.js. For the purpose of this tutorial, we will focus on how to set up a full video background using video.js. This can ... Read More

1K+ Views
In this tutorial, we will show how you can get the buffer percentage of a video in video.js and use a callback function when the video has buffered more than 50%. Video.js is a well-known online video player JavaScript toolkit that is used to create web browser video players for a range of video formats. Video.js is a very flexible and customizable library to create modern web video players. It supports a wide range of packages, plugins, and options. Using video.js any part of an HTML video player can be configured as per your liking. For the purpose of this ... Read More

3K+ Views
In this tutorial, we’re going to learn how to play a video from a particular time in video.js Player. Video.js is a well-known and widely used open-source HTML5 video player. It enables you to develop a video player for a broad range of video formats, including traditional video formats like mp4, WebM, Flv, and others, as well as current video-playing formats such as YouTube, Vimeo, and Twitch. So, for the purpose of this tutorial, we’re going to play a video from a particular time in the video.js player. Starting or playing a video from a specific time has a ... Read More

4K+ Views
In this tutorial, we'll look at how to hide the seek bar or progress bar of a video player using video.js. Video.js lets you create video players for a video of video formats like mp4, WebM, and FLV and also for modern video playback formats like YouTube, Vimeo, Flash, etc. Video.js is widely used on a number of websites because of the extensive plugin support it provides alongside supporting a wide range of devices like desktops, mobiles, etc. For the purpose of this tutorial, we're to customize our video player by disabling or hiding the control bar of the video ... Read More

522 Views
We can create a Polygon object by creating an instance of fabric.Polygon. A polygon object can be characterized by any closed shape consisting of a set of connected straight line segments. Since it is one of the basic elements of FabricJS, we can also easily customize it by applying properties like angle, opacity, etc. A FabricJS object is cached on an additional canvas for saving time during re-using the object. In order to switch off object caching for Polygon object we use the objectCaching property. Syntax new fabric.Polygon( points: Array, { objectCaching: Boolean }: Object ) Parameters ... Read More