Learn HTML In Arabic 2021 - #22 - Audio

In the name of God, the Most Gracious, the Most Merciful, and peace and blessings be upon the most noble messengers, our master Muhammad Today, we will talk together about the Audio Tag There are many sites that are based on the Audio Tag Sites that provide audio services and files Islamic sites provide Quran and Anasheed Sites provide songs, and other audio effects that people use in movies and content making Let's talk together about the Audio Tag

The audio tag has an attribute called source that writes the source of the file, like the picture exactly You see where your audio file is and write its source here There are two ways to write the source Either as an attribute in the audio tag itself like this Or inside the audio tag you can use the source element The source element means that you can use more than source What is the wisdom in using more than source?

When you type more than one source in the audio tag, the browser searches for the appropriate type and uses it. You can put one of the audio types here, and the browser doesn't support this type, so they don't use it. But when you put two or three types here, the browser sees which one is suitable for it and uses it. Great. Let's stay in this source and this, and we understand its idea and don't need to talk about it again.

Inside the source tag, there is a source attribute. The source attribute asks you to place your file. The same thing we did in the picture. Inside the project, I made a folder called media. Because I put a voice file and a video file. As you can see. And this is my voice file. It's called one way ticket.

After you extract your file from the place it is located in, you write here an attribute called type. What is type? Every file on the internet has something called memetype. As you can see, this is the extension of any file in the world. What is the type of file? And this is

Now we will talk about the file OneWayTicket.mb3 Let's see the extension This is the mb3 audio extension And this is the mb3 mimi type Let's write together

and continue with the rest of the information you said that you put more than one source to see which one is suitable for you and use it, right? right the other source should have the same audio file but with another extension like the OGG this is an extension of audio files extensions we will not go into the audio world because this is not what is required in the lesson what is required in the lesson is to know the audio tag and understand how to use it in your website

Let's see the OGG, what is its MIMI type? This is the OGG, Audio file, and this is the MIMI type, Audio/OGG. We don't need anything. We have other types like the WAV, for example.

This is a WAV file, and here is the MIMI type called Audio Wave. I should have added one or two files to make sure the browser understands what I'm saying, but I want to tell you that modern browsers support all browsers. So, just go ahead and add the mp3 file and that's it.

Let's say that someone opened a website with an audio tag and the browser he opened doesn't support the audio tag itself What will happen then? He won't see or understand anything So we put a message here saying that your browser does not support audio

Now the person who opens the site from a browser that does not support the audio tag will receive the message that you will write in the tag here like this. Great, thank God, everything is fine. We have some small attributes that are related to the audio tag itself. Like what? Like the controls. The controls that look at the buttons of play and that you raise and lower the volume and that you present and do all this stuff. Let's

and then we go to the audio file and then play and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop button and then we press the stop

We have 2 or 3 other great attributes like AutoPlay. You'll notice that AutoPlay was previously used on Google Chrome but now they've made a block for this attribute and after a while you'll find it back. It's okay, you just need to know it and know that it exists. What does AutoPlay do? It makes you, as soon as you open a page, it makes AutoPlay for your file.

You will notice that this feature will not work on Google Chrome. So, if I did this, this feature will not work. But on Edge, this feature will work. Glory to God, oh Lord. On Edge, imagine. Ok. Now, we know the feature, and this is what is required. We don't want more than that. We have another feature called Loop. What does Loop do? It makes the file, if it reaches the end, repeat again. Which is, as you hear, the Infinite Loop.

We have another option called muted and this will make your audio file silent. If you want to make the audio file silent, you can choose this option. I don't need to tell you that these are just for the experiment, but they are not really present. So, there is no need to write them. I just wanted to explain to you

People who have international voice sites always find that they have all the extensions because this is their service and they are used to it. So you have to be 100% sure that if you brought the individual traveler, all the files will be working for you. I hope you liked my lesson. See you in a new lesson.