Mrunay Uttarwar Profile picture
Oct 13 β€’ 12 tweets β€’ 2 min read
πŸ”· About HTML Media

A Thread🧡 πŸ‘‡ Image
πŸ“Œ HTML Multimedia

β†’ Multimedia on the web is sound, music, videos, movies, and animations.

β†’ Multimedia comes in many different formats.

β†’ It can be almost anything you can hear or see, like images, music, sound, videos, records, films, animations, and more.
β†’ Web pages often contain multimedia elements of different types and formats.
πŸ“Œ Multimedia Formats

β†’ Multimedia elements (like audio or video) are stored in media files.

β†’ The most common way to discover the type of a file, is to look at the file extension.
β†’ Multimedia files have formats and different extensions like:-
1️⃣ .wav
2️⃣ .mp3
3️⃣ .mp4
4️⃣ .mpg
5️⃣ .wmv
6️⃣ .avi
πŸ“Œ Common Video Formats

β†’ The MP4, WebM, and Ogg formats are supported by HTML.

β†’ The MP4 format is recommended by YouTube.

β†’ There are many video formats out there, which are as follows:-

1️⃣ MPEG -> .mpg, .mpeg
2️⃣ AVI -> .avi
3️⃣ WMV -> .wmv
4️⃣ QuickTime -> .mov
5️⃣ RealVideo -> .rm, .ram
6️⃣ Flash -> .swf, .flv
7️⃣ Ogg -> .ogg
8️⃣ WebM -> .webm
9️⃣ MPEG-4, MP4 -> .mp4
πŸ“Œ Common Audio Formats

β†’ MP3 is the best format for compressed recorded music.

β†’ The term MP3 has become synonymous with digital music.

β†’ If your website is about recorded music, MP3 is the choice.

1️⃣ MIDI -> .mid, .midi
2️⃣ RealAudio -> .rm, .ram
3️⃣ WMA -> .wma
4️⃣ AAC- .aac
5️⃣ WAV -> .wav
6️⃣ Ogg -> .ogg
7️⃣ MP3 -> .mp3
8️⃣ MP4 -> .mp4
πŸ“Œ HTML Multimedia Elements

β†’ The <video> Element

β€’ The HTML <video> element is used to show a video on a web page.

β†’ The <audio> Element

β€’ The HTML <audio> element is used to play an audio file on a web page.
Thanks for reading this thread ❀️

If you like it , make sure you:

πŸ”· Like the tweet
πŸ”· Retweet the first tweet ⚑

For more content , follow:

@MrunayU
You can read the unrolled version of this thread here: typefully.com/MrunayU/SRqwleS

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Mrunay Uttarwar

Mrunay Uttarwar Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @MrunayU

Oct 15
πŸ”· CSS Methodologies You Must Know - 1

A Thread🧡 πŸ‘‡ Image
πŸ“Œ In large, complicated, rapidly-iterated systems, CSS is notoriously difficult to maintain.

πŸ“Œ The lack of a built-in scoping mechanism in CSS is one of the reasons.

πŸ“Œ In CSS, everything is global.
πŸ“Œ Until CSS gets its native scoping mechanism, we need to devise our own system for locking down styles to specific sections of an HTML document.

πŸ“Œ CSS methodologies are the solution.
Read 11 tweets
Oct 4
πŸ”· About HTML Canvas - 2

A Thread🧡 πŸ‘‡
πŸ“Œ Let's see some more examples of HTML Canvas......
3️⃣ Drawing a Line on a page
Read 10 tweets
Oct 3
πŸ”· About HTML Canvas - 1

A Thread🧡 πŸ‘‡
πŸ“Œ What is HTML Canvas?

β†’ The HTML <canvas> element is used to draw graphics on a web page via JavaScript.

β†’ The <canvas> element is only a container for graphics.

β†’ Canvas has several methods for drawing paths, boxes, circles, text, and adding images.
β†’ It uses the bitmap image format.

β†’ These are well suited for gaming applications.

β†’ Canvas images are not that flexible.

β†’ It refers to paint the program.
Read 9 tweets
Sep 2
πŸ”· How To Build Logic In Programming?

A Thread🧡 πŸ‘‡
πŸ“Œ Logic building skills are essential for programmers and if one wishes to be a programmer, he or she needs to keep getting better at developing logic.

πŸ“Œ Complex and sophisticated algorithms require advanced logic in order for programmers to work with them.
1️⃣ Practice writing a lot of code

πŸ“Œ Practising is vital when trying to improve logic building skills.

πŸ“Œ Solving problems every day and rigorously challenging oneself is a great way to become capable of building superior logic.
Read 11 tweets
Sep 1
πŸ”· 7 Free Games To Learn Programming

A Thread🧡 πŸ‘‡
πŸ“Œ A lot of beginners can become intimidated when they're learning how to code.

πŸ“Œ But learning through coding games can be fun and educational.
1️⃣ CodinGame

β†’ CodinGame is a site that helps you work on problem solving skills and learn programming basics through a turn-based game.

β†’ This platform supports over 25 different programming languages.

πŸ”— codingame.com
Read 11 tweets
Aug 29
πŸ”· CSS Animation Libraries

A Thread🧡 πŸ‘‡
πŸ“Œ If you want to include animation in your designs, animation libraries are an excellent place to start.
πŸ“Œ Animate.css

β†’ is a cross-browser library of CSS animations. Great for emphasis, home pages, sliders, and attention-guiding hints.

πŸ”— animate.style
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(