SlideShare uma empresa Scribd logo
1 de 11
<html>
<body>
<audio controls>
<source src="1.mp3" type="audio/mpeg">
</audio>
</body>
</html>
The <audio> tag defines sound, such as music or other audio
streams.
Format MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav
MIME Types for Audio Formats Browser MP3 Wav Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES
The <audio> tag defines sound,
such as music or other audio
streams.
Currently, there are 3 supported file
formats for the <audio> element:
MP3, Wav, and Ogg:
Satyaki Das | Contact No. 8981838547 .
Attribute Value Description
autoplay autoplay Specifies that the audio will start playing as soon as it is ready
controls controls Specifies that audio controls should be displayed (such as a
play/pause button etc)
loop loop Specifies that the audio will start over again, every time it is finished
muted muted Specifies that the audio output should be muted
preload auto
metadata
none
Specifies if and how the author thinks the audio should be loaded
when the page loads
src URL Specifies the URL of the audio file
Attributes
<html>
<body>
<audio controls autoplay>
<source src="1.mp3" type="audio/mpeg">
</audio>
</body>
</html>
autoplay
Satyaki Das | Contact No. 8981838547 .
<html>
<body>
<audio controls loop>
<source src="1.mp3" type="audio/mpeg">
</audio>
</body>
</html>
loop
<html>
<body>
<audio controls muted>
<source src="1.mp3" type="audio/mpeg">
</audio>
</body>
</html>
muted
<html>
<body>
<audio controls autoplay muted>
<source src="1.mp3" type="audio/mpeg">
</audio>
</body>
</html>
autoplay +muted
Satyaki Das | Contact No. 8981838547 .
<html>
<body>
<audio controls loop muted>
<source src="1.mp3" type="audio/mpeg">
</audio>
</body>
</html>
loop + muted
Satyaki Das | Contact No. 8981838547 .
This enumerated attribute is intended to provide a hint to the browser about what
the author thinks will lead to the best user experience. It may have one of the
following values:
none: indicates that the audio should not be preloaded;
metadata: indicates that only audio metadata (e.g. length) is fetched;
auto: indicates that the whole audio file could be downloaded, even
if the user is not expected to use it;
Note :It is a request to the browser that it can accept or deny.
Satyaki Das | Contact No. 8981838547 .
loop + muted
<html>
<body>
<audio controls preload=“none | metadata | auto ">
<source src="1.mp3"
type="audio/mpeg">
</audio>
</body>
</html>
Satyaki Das | Contact No. 8981838547 .

Mais conteúdo relacionado

Semelhante a 9 audio

Semelhante a 9 audio (16)

3Q_audio_presentation.ict for begginderss
3Q_audio_presentation.ict for begginderss3Q_audio_presentation.ict for begginderss
3Q_audio_presentation.ict for begginderss
 
HTML5 audio & video
HTML5 audio & videoHTML5 audio & video
HTML5 audio & video
 
HTML5 Audio & Video
HTML5 Audio & VideoHTML5 Audio & Video
HTML5 Audio & Video
 
HTML Multimedia.pptx
HTML Multimedia.pptxHTML Multimedia.pptx
HTML Multimedia.pptx
 
At 620 customized-ring_tone shared by voip.com.vn
At 620 customized-ring_tone shared by voip.com.vnAt 620 customized-ring_tone shared by voip.com.vn
At 620 customized-ring_tone shared by voip.com.vn
 
Audio on the web
Audio on the webAudio on the web
Audio on the web
 
Html audio video
Html audio videoHtml audio video
Html audio video
 
Airbroad | Non-segmented adaptive streaming
Airbroad | Non-segmented adaptive streamingAirbroad | Non-segmented adaptive streaming
Airbroad | Non-segmented adaptive streaming
 
Html multimedia
Html multimediaHtml multimedia
Html multimedia
 
Lecture9 web design and development
Lecture9 web design and developmentLecture9 web design and development
Lecture9 web design and development
 
Adobe Audition Interface
Adobe Audition InterfaceAdobe Audition Interface
Adobe Audition Interface
 
Effective HTML5 game audio
Effective HTML5 game audioEffective HTML5 game audio
Effective HTML5 game audio
 
Html5
Html5Html5
Html5
 
Html 5
Html 5Html 5
Html 5
 
Basics of HTML5 for Phonegap
Basics of HTML5 for PhonegapBasics of HTML5 for Phonegap
Basics of HTML5 for Phonegap
 
Embedded Android : System Development - Part III (Audio / Video HAL)
Embedded Android : System Development - Part III (Audio / Video HAL)Embedded Android : System Development - Part III (Audio / Video HAL)
Embedded Android : System Development - Part III (Audio / Video HAL)
 

Mais de SatyakiDas12 (20)

34 viewport
34 viewport34 viewport
34 viewport
 
33 meta
33 meta33 meta
33 meta
 
31 textarea
31 textarea31 textarea
31 textarea
 
30 ruby
30 ruby30 ruby
30 ruby
 
29 progress
29 progress29 progress
29 progress
 
28 option
28 option28 option
28 option
 
27 iframe
27 iframe27 iframe
27 iframe
 
26 optgroup
26 optgroup26 optgroup
26 optgroup
 
24 meter
24 meter24 meter
24 meter
 
23 nav
23 nav23 nav
23 nav
 
22 frameset
22 frameset22 frameset
22 frameset
 
21 form in_html
21 form in_html21 form in_html
21 form in_html
 
20 embed
20 embed20 embed
20 embed
 
19 div
19 div19 div
19 div
 
18 dialog open
18 dialog open18 dialog open
18 dialog open
 
17 details summary
17 details summary17 details summary
17 details summary
 
16 dd dl_dt
16 dd dl_dt16 dd dl_dt
16 dd dl_dt
 
15 data list
15 data list15 data list
15 data list
 
14 data tag
14 data tag14 data tag
14 data tag
 
13 table in html
13 table in html13 table in html
13 table in html
 

Último

BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 

Último (20)

BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room service
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 

9 audio

  • 1.
  • 2. <html> <body> <audio controls> <source src="1.mp3" type="audio/mpeg"> </audio> </body> </html> The <audio> tag defines sound, such as music or other audio streams.
  • 3. Format MIME-type MP3 audio/mpeg Ogg audio/ogg Wav audio/wav MIME Types for Audio Formats Browser MP3 Wav Ogg Internet Explorer YES NO NO Chrome YES YES YES Firefox YES YES YES Safari YES YES NO Opera YES YES YES The <audio> tag defines sound, such as music or other audio streams. Currently, there are 3 supported file formats for the <audio> element: MP3, Wav, and Ogg: Satyaki Das | Contact No. 8981838547 .
  • 4. Attribute Value Description autoplay autoplay Specifies that the audio will start playing as soon as it is ready controls controls Specifies that audio controls should be displayed (such as a play/pause button etc) loop loop Specifies that the audio will start over again, every time it is finished muted muted Specifies that the audio output should be muted preload auto metadata none Specifies if and how the author thinks the audio should be loaded when the page loads src URL Specifies the URL of the audio file Attributes
  • 5. <html> <body> <audio controls autoplay> <source src="1.mp3" type="audio/mpeg"> </audio> </body> </html> autoplay Satyaki Das | Contact No. 8981838547 .
  • 6. <html> <body> <audio controls loop> <source src="1.mp3" type="audio/mpeg"> </audio> </body> </html> loop
  • 7. <html> <body> <audio controls muted> <source src="1.mp3" type="audio/mpeg"> </audio> </body> </html> muted
  • 8. <html> <body> <audio controls autoplay muted> <source src="1.mp3" type="audio/mpeg"> </audio> </body> </html> autoplay +muted Satyaki Das | Contact No. 8981838547 .
  • 9. <html> <body> <audio controls loop muted> <source src="1.mp3" type="audio/mpeg"> </audio> </body> </html> loop + muted Satyaki Das | Contact No. 8981838547 .
  • 10. This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience. It may have one of the following values: none: indicates that the audio should not be preloaded; metadata: indicates that only audio metadata (e.g. length) is fetched; auto: indicates that the whole audio file could be downloaded, even if the user is not expected to use it; Note :It is a request to the browser that it can accept or deny. Satyaki Das | Contact No. 8981838547 .
  • 11. loop + muted <html> <body> <audio controls preload=“none | metadata | auto "> <source src="1.mp3" type="audio/mpeg"> </audio> </body> </html> Satyaki Das | Contact No. 8981838547 .