Category - HTML5
Results 41 - 60 of 88
09 Mar 2018 09 Mar 2018 1 Comments  17721 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload MP4 Video files, save (insert) to database table, retrieve (display) files from database table using Entity Framework and play the files with Live Streaming from database table using HTML5 Video Player in ASP.Net MVC Razor.

Files will be uploaded and then will be saved (inserted) to database table using Entity Framework. The saved (inserted) files will be retrieved and displayed in HTML Grid (Table) and then the files will be played with Live Streaming from database table using HTML5 Video Player in ASP.Net MVC Razor.
09 Mar 2018 09 Mar 2018 2 Comments  28174 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload and insert MP4 Video files in SQL Server Database and then play (Live Stream) the MP4 Video files using HTML5 Video Player in ASP.Net using C# and VB.Net.
08 Mar 2018 08 Mar 2018 1 Comments  17251 Views
ASP.Net  HTML5  MVC
Here Mudassar Ahmed Khan has explained with an example, how to play (Live Stream) Video Files (MP4) using HTML5 Video Player in ASP.Net MVC Razor.
08 Mar 2018 08 Mar 2018 0 Comments  17674 Views
Here Mudassar Ahmed Khan has explained with an example, how to play (Live Stream) Video Files (MP4) using HTML5 Video Player in ASP.Net.
22 Feb 2018 22 Feb 2018 1 Comments  13743 Views
Here Mudassar Ahmed Khan has explained with an example, how to play (embed) YouTube Videos in HTML5 Video tag in HTML Page.

HTML5 Video tag is not meant to play videos from other domain URLs and hence it is not possible to play (embed) YouTube Videos in HTML5 Video tag.

Thus in order to play (embed) YouTube Videos in HTML Page, one of the following elements needs to be used:
1. IFRAME element.
2. EMBED element.
01 Jan 2018 01 Jan 2018 1 Comments  27862 Views
Here Mudassar Ahmed Khan has explained how to build a Bootstrap HTML5 Registration (Signup) Form and perform validations using the numerous HTML5 in-built validations such as:

Required – Implemented using the HTML5 required attribute.
Email – Implemented using the HTML INPUT Email TextBox.
Password Strength (Password Policy) – Implemented using the HTML5 pattern attribute and Regular Expressions.
Compare Passwords – Implemented with the help of HTML5 and JavaScript.

The source code is attached at the end of article.
01 Jan 2018 01 Jan 2018 0 Comments  23681 Views
Here Mudassar Ahmed Khan has explained with an example, how to perform validations using HTML5. HTML5 provides numerous in-built validations such as:

Required – Implemented using the HTML5 required attribute.
Email – Implemented using the HTML INPUT Email TextBox.
Password Strength (Password Policy) – Implemented using the HTML5 pattern attribute and Regular Expressions.
Compare Passwords – Implemented with the help of HTML5 and JavaScript.
16 Nov 2017 16 Nov 2017 0 Comments  7636 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload multiple files with Progress Bar using AngularJS and AJAX in ASP.Net using C# and VB.Net.

Multiple files such as Image, PDF, Word, Excel, etc. and also large Music and Video files such as MP3 and MP4 will be easily uploaded with Progress Bar using AngularJS and AJAX in ASP.Net.

This article makes use the ngFileUpload AngularJS directive which makes use of Generic HTTP Handlers for uploading files using AngularJS and AJAX in ASP.Net.
28 Jul 2017 28 Jul 2017 0 Comments  20110 Views
Here Mudassar Ahmed Khan has explained with an example, how to hide (remove) Placeholder in HTML5 TextBox on focus using CSS, JavaScript and jQuery.

The HTML5 Placeholder attribute does hide (gets removed) on focus in Internet Explorer (IE) by default but it does not hide (gets removed) on focus in FireFox and Chrome and hence this article will explain how to hide (remove) Placeholder in HTML5 TextBox using CSS, JavaScript and jQuery.
21 Jul 2017 21 Jul 2017 1 Comments  44871 Views
ASP.Net  HTML5  MVC
Here Mudassar Ahmed Khan has explained with an example, how to use HttpPostedFileBase for uploading multiple files using HTML5 in ASP.Net MVC 5.

HTML5 has provided an additional feature to select and upload multiple files and the same will be used along with ASP.Net MVC.
05 Jun 2017 05 Jun 2017 0 Comments  59350 Views
Here Mudassar Ahmed Khan has explained how to implement and populate free animated HTML5 Canvas charts from database using jQuery AJAX in ASP.Net.

The HTML 5 Canvas charts have been implemented using Chart.js library. This article also covers procedure to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.
05 Jun 2017 05 Jun 2017 0 Comments  26919 Views
ASP.Net  jQuery  HTML5  MVC
Here Mudassar Ahmed Khan has explained with an example, how to implement and populate free animated HTML5 Canvas charts from database using jQuery AJAX in ASP.Net MVC Razor.
The HTML 5 Canvas charts have been implemented in ASP.Net MVC Razor using Chart.js library. This article also covers procedure to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.
11 Apr 2017 11 Apr 2017 0 Comments  7624 Views
Here Mudassar Ahmed Khan has explained a simple tutorial with an example on how to use the HTML5 FileReader API for reading Image files and displaying the image without uploading them to server using jQuery.
The local image preview without server upload is shown using the DXImageTransform filter CSS property and HTML5 FileReader API.
03 Mar 2017 03 Mar 2017 2 Comments  40404 Views
Here Mudassar Ahmed Khan has explained with an example, how to display XML file with Formatting in HTML page using JavaScript and jQuery.

The XML file will be selected using FileUpload element and its content will be read using HTML5 FileReader and finally the formatted XML file will be displayed using HTML TextArea element.
02 Mar 2017 02 Mar 2017 1 Comments  26738 Views
Here Mudassar Ahmed Khan has explained with an example, how to read, parse and display a XML file selected in FileUpload control (HTML File Input) on client side using JavaScript, jQuery and HTML5.

HTML5 allows developers to access the contents of XML files and details using JavaScript and jQuery and hence in browsers that support HTML5 one can easily read the XML file contents.
19 Dec 2016 31 Jul 2021 0 Comments  13625 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement and populate animated HTML5 Canvas charts from database using jQuery AJAX in ASP.Net MVC Razor.

The HTML 5 Canvas charts have been implemented in ASP.Net MVC Razor using Chart.js library.

This article will illustrate how to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.
15 Aug 2016 15 Aug 2016 0 Comments  22637 Views
ASP.Net  HTML5  MVC
Here Mudassar Ahmed Khan has explained a simple Tutorial with example, how to upload multiple files using HTML5 in ASP.Net MVC 5.
HTML5 has provided an additional feature to select and upload multiple files and the same will be used along with ASP.Net MVC.
25 May 2016 25 May 2016 2 Comments  28733 Views
Here Mudassar Ahmed Khan has explained how to capture Signature using HTML5 Canvas and jQuery.
HTML5 Canvas Sketchpad application for Painting and Drawing will allow users to draw lines, scribble, write, sketch, etc. with mouse and touch screen and thus will be useful to capture Signatures.
25 May 2016 25 May 2016 0 Comments  9837 Views
Here Mudassar Ahmed Khan has explained how to create Drawing and Painting App using HTML5, JavaScript and jQuery.
HTML5 Canvas Sketchpad application for Painting and Drawing will allow users to draw lines, scribble, write, sketch, etc. with mouse and touch screen.
22 Sep 2015 22 Sep 2015 0 Comments  24441 Views
Here Mudassar Ahmed Khan has explained with an example, how to convert (save) HTML5 Canvas to Image using Canvas toDataURL function in JavaScript.
Results 41 - 60 of 88