Web Development Articles - Page 162 of 801

In this tutorial, you will learn how to create an audio and video recorder using JavaScript MediaRecorder API. So this can be done using WebRTC. What is WebRTC? WebRTC is a short form of Real-Time Communication. We can access and capture the Webcam and Microphone devices that are available there in the user device. We can access the user device’s Webcam and microphone using an ECMAScript object navigator.mediaDevices.getUserMedia(constraints). So, the getUserMedia function by default, seeks user permission to use your Webcam. This function returns a promise and once you click ok and give the consent, then the function ... Read More

To detect the user timezone with the name of the timzone itself, use the Internationalization API. This gives the name of the Timezone in which the user and the browser is being worked on. Detect Exact Timezone with Name Example To get the exact timezone name, we will use the Internationalization API − DOCTYPE html> Timezone document.getElementById("test").innerHTML = Intl.DateTimeFormat().resolvedOptions().timeZone; Output Get the Timezone (Difference between UTC ... Read More

We can easily allow only numbers in a textbox using jQuery. Under the keyup() set the code for allowing only number values so that the textbox never accept strings. We will see two examples − Allow Only Numbers in a TextBox using jQuery replace() Allow Only Numbers in a TextBox using jQuery fromCharCode() Allow Only Numbers in a TextBox using jQuery replace() In this example, we will see how to allow only numbers in a TextBox using jQuery replace(). We must set the code under the keyup to allow only numbers while typing, else the textbox will not ... Read More

In this tutorial, we’re going to go through some of the basic options references of video.js. Option References are like settings to control or modify the behavior of a video player. These options can be both − HTML5 options like autoplay, reload, etc., and video-js specific settings. We’re going to have a look at each of these alternatives. Standard HTML5 Element Options Standard HTML5 Element Options are standard settings which work both with tag and tag. With the help of these options, you can change the video player’s height, width, controls, etc. Let’s discuss some of ... Read More

In this tutorial, we're going to learn how to play an mp3 file or an audio file using the video.js player. Playing an mp3 file using video.js is somewhat similar to playing an audio file in standard HTML5 but a few additional steps are required for video.js to support an mp3 file. Advantages of using playing mp3 files using video.js Using video.js to construct an mp3 player will provide you with more control over the audio file. All of the video.js-specific functions can be used on the audio, allowing for more flexibility. How to Play Mp3 with video.js Player? To ... Read More

Video.js is a modern web video player which supports a lot of standard video playback formats along with the latest playback video formats. Video.js is very popular for creating video players and has large community support. One of the greatest things about video.js is that it is very straightforward to import and use in your project. It also provides support for various popular frameworks like React.js, Vue.js, and Angular.js In this tutorial, we’re going to have a look at how to set up video.js with the vue.js framework. We’ll also implement a basic example to create a video player using ... Read More

Video.js is a simple, straightforward, and easy-to-use modern video player which lets supports a video variety of video playback formats like mp4, FLV, etc. as well as modern formats like video playback formats like YouTube, Vimeo, flash, etc. The best thing about video.js is that is very easy to import and use in our project. In this article, we're going to see how to use the video.js library in our React project with the help of a few examples. How to setup Video.js with ReactJS? For using video.js in our project with react.js, we first need to create a react ... Read More

In this tutorial, we're going to learn how to set up video.us using JavaScript. We'll also have a look at a few examples for better understanding. First of all, Video-js is a very popular and easy-to-use modern web video player that has been built up on HTML5 and it provides better features and functionality for a web video player. It supports a variety of video playback formats - both the standard HTML5 formats also and the modern formats like Youtube, Vimeo, and Flash also. On top of that - it works with almost all the display sizes like Desktops, mobiles, ... Read More

Video.js is a modern web video player which is used for creating video players for different video playback formats. It supports all the modern video formats like Youtube, Vimeo, Flash, etc along with all the standard video playback formats like mp4, webm, flv, etc. Video.js can be integrated with a wide range of popular frameworks like React, Angular, etc. In this article, we'll specifically learn how to set up video.js with AngularJS. We'll create a video.js component using AngularJS and then use it in our project. How to set up Video.js with AngularJS? For using video.js with AngularJS, we need ... Read More

In this tutorial, we're going to understand how to set up different video quality in video.js player. Setting up a different video quality means our video player, created using video.js, is going to have multiple resolutions of the same video and the end user can switch the resolution basis as per their liking or their bandwidth. However, video.js doesn't support this feature natively out of the box, which means we'll have to use a plugin (as video.js has a wide range of plugins and support) to set multiple video resolutions for our video player. The video.js plugin that we're going ... Read More