ஒரு HTML5 வலை பக்கம் ஒலி சேர்க்க எப்படி

HTML5 உறுப்புடன் உங்கள் இணைய பக்கங்களுக்கு ஒலி மற்றும் இசை சேர்க்க எளிதாக்குகிறது. உண்மையில், செய்ய கடினமான விஷயம் உங்கள் ஒலி கோப்புகள் உலாவிகளில் பரந்த பல்வேறு விளையாட என்பதை உறுதி செய்ய வேண்டும் பல ஆதாரங்கள் உருவாக்க வேண்டும்.

HTML5 ஐப் பயன்படுத்துவதன் பயன் என்னவென்றால் நீங்கள் ஒரு ஜோடி குறிச்சொற்களைப் பயன்படுத்தி ஒலிவை உட்பொதிக்கலாம். உலாவிகளில், நீங்கள் ஒரு IMG உறுப்பு பயன்படுத்தும் போது அவர்கள் ஒரு படத்தை காட்ட வேண்டும் போல் ஒலி விளையாட.

ஒரு HTML5 வலை பக்கம் ஒலி சேர்க்க எப்படி

உங்களுக்கு ஒரு HTML எடிட்டர் , ஒரு ஒலி கோப்பு (முன்னுரிமை MP3 வடிவத்தில்) மற்றும் ஒரு ஒலி கோப்பு மாற்றி தேவை.

1. முதலில், உங்களுக்கு ஒரு ஒலி கோப்பு தேவை. இது எம்பி 3 ( எம்பி 3 ) என உயர்ந்த ஒலி தரத்தை பதிவு செய்ய சிறந்தது, பெரும்பாலான உலாவிகளில் (அண்ட்ராய்டு 2.3+, குரோம் 6+, IE 9+, iOS 3+ மற்றும் சபாரி 5+) ஆதரிக்கப்படுகிறது.
2. ஃபயர்பாக்ஸ் 3.6+ மற்றும் ஓபரா 10.5+ ஆதரவுடன் உங்கள் கோப்பை Vorbis வடிவமைப்பில் ( .ogg ) மாற்றவும். Vorbis.com இல் காணப்படும் ஒரு மாற்றினை நீங்கள் பயன்படுத்தலாம். நீங்கள் ஃபயர்பாக்ஸ் மற்றும் ஓபரா ஆதரவைப் பெறுவதற்கு உங்கள் எம்பி 3 ஐ ஒரு WAV கோப்பு வடிவத்தில் ( .wav ) மாற்றலாம். நான் பாதுகாப்புக்காக மூன்று வகைகளில் உங்கள் கோப்பை இடுகையிட பரிந்துரைக்கிறேன், ஆனால் உங்களிடம் எம்பி 3 மற்றும் வேறு ஒரு வகை தேவை.
3. உங்கள் வலை சேவையகத்திற்கு அனைத்து ஆடியோ கோப்புகளை பதிவேற்றவும் மற்றும் அவற்றை சேமித்துள்ள கோப்பகத்தின் குறிப்பை உருவாக்கவும். பெரும்பாலான கோப்புகளை வடிவமைப்பாளர்கள் படங்களை டைரக்டரியில் சேமிப்பதைப் போலவே, அது ஆடியோ கோப்புகளுக்கு ஒரு துணை அடைவில் வைக்கவும் ஒரு நல்ல யோசனை.
4. ஒலி கோப்பை கட்டுப்பாடுகள் காண்பிக்கப்பட வேண்டும் என்று உங்கள் HTML கோப்பில் AUDIO உறுப்பு சேர்க்கவும். <ஆடியோ கட்டுப்பாடுகள்>
5. AUDIO உறுப்புக்குள் நீங்கள் பதிவேற்றும் ஒவ்வொரு ஆடியோ கோப்பிற்கான SOURCE உறுப்புகளை வைக்கவும் :

1. ஆடியோ உறுப்பு உள்ளே எந்த HTML AUDIO உறுப்பு ஆதரவு இல்லை என்று உலாவிகளில் ஒரு குறைவடையும் பயன்படுத்தப்படுகிறது. எனவே சில HTML ஐ சேர்க்கவும். எளிதான வழி HTML ஐ அவர்கள் கோப்பை பதிவிறக்க அனுமதிக்க வேண்டும், ஆனால் நீங்கள் ஒலியைப் பதிவிறக்க HTML 4.01 உட்பொதித்தல் முறைகள் பயன்படுத்தலாம். இங்கே ஒரு எளிய குறைவடையும்:

   உங்கள் உலாவி ஆடியோ பின்னணி ஆதரிக்கவில்லை, கோப்பை பதிவிறக்க:

   1. MP3 ,
   2. வோர்பிஸ் , WAV
2. நீங்கள் செய்ய வேண்டிய கடைசி விஷயம் உங்கள் AUDIO உறுப்பு மூடப்படும்:
3. நீங்கள் முடிந்ததும், உங்கள் HTML இப்படி இருக்க வேண்டும்:
   4. உங்கள் உலாவி ஆடியோ பின்னணிக்கு ஆதரவளிக்கவில்லை, கோப்பை பதிவிறக்கவும்:

   5. MP3 ,
   6. வோர்பிஸ் ,
   7. WAV

கூடுதல் உதவிக்குறிப்புகள்

1. HTML5 docctype () ஐப் பயன்படுத்துவதை உறுதிசெய்து கொள்ளுங்கள், இதன் மூலம் உங்கள் HTML மதிப்பிடப்படும்
2. உங்கள் உறுப்புக்கு நீங்கள் சேர்க்கக்கூடிய பிற விருப்பங்களைக் காண உறுப்புக்கான பண்புகளை மதிப்பாய்வு செய்யவும்.
3. கட்டுப்பாடுகள் இயல்புநிலையில் அடங்கும் மற்றும் தானியக்கத்தை முடக்கினால் HTML ஐ அமைக்க வேண்டும் என்பதை நினைவில் கொள்க. நீங்கள் நிச்சயமாக மாற்றலாம், ஆனால் பலர் தானாகவே தொடங்குகின்ற ஒலி கண்டுபிடிக்கப்படுவதை நினைவில் கொள்ளலாம் / அவர்கள் சிறந்த முறையில் எரிச்சலைக் கட்டுப்படுத்த முடியாது, அடிக்கடி நடக்கும் போது பக்கத்தை விட்டுவிடுவார்கள்.