ಒಂದು HTML5 ವೆಬ್ ಪುಟಕ್ಕೆ ಸೌಂಡ್ ಸೇರಿಸಿ ಹೇಗೆ

ಅಂಶದೊಂದಿಗೆ ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳಿಗೆ ಧ್ವನಿ ಮತ್ತು ಸಂಗೀತವನ್ನು ಸೇರಿಸುವುದನ್ನು HTML5 ಸುಲಭಗೊಳಿಸುತ್ತದೆ. ವಾಸ್ತವವಾಗಿ, ಮಾಡಲು ಕಠಿಣ ವಿಷಯವೆಂದರೆ ನಿಮ್ಮ ಧ್ವನಿ ಫೈಲ್ಗಳು ವಿಶಾಲವಾದ ವಿವಿಧ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಆಡಲು ನೀವು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳುವ ಬಹು ಮೂಲಗಳನ್ನು ರಚಿಸುವುದು.

HTML5 ಅನ್ನು ಬಳಸುವ ಲಾಭವೆಂದರೆ ನೀವು ಒಂದೆರಡು ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸುವ ಮೂಲಕ ಧ್ವನಿಯನ್ನು ಎಂಬೆಡ್ ಮಾಡಬಹುದು. ಬ್ರೌಸರ್ಗಳು, ನೀವು ಒಂದು IMG ಅಂಶವನ್ನು ಬಳಸುವಾಗ ಅವರು ಚಿತ್ರವನ್ನು ಪ್ರದರ್ಶಿಸುವಂತೆ ಧ್ವನಿಯನ್ನು ಆಡುತ್ತಾರೆ.

ಒಂದು HTML5 ವೆಬ್ ಪುಟಕ್ಕೆ ಸೌಂಡ್ ಸೇರಿಸಿ ಹೇಗೆ

ನಿಮಗೆ HTML ಸಂಪಾದಕ , ಧ್ವನಿ ಫೈಲ್ (ಆದ್ಯತೆ MP3 ಸ್ವರೂಪದಲ್ಲಿ), ಮತ್ತು ಧ್ವನಿ ಫೈಲ್ ಪರಿವರ್ತಕ ಅಗತ್ಯವಿದೆ.

  1. ಮೊದಲಿಗೆ, ನಿಮಗೆ ಧ್ವನಿ ಫೈಲ್ ಬೇಕು. ಇದು MP3 ( .mp3 ) ಎಂದು ಫೈಲ್ ಅನ್ನು ರೆಕಾರ್ಡ್ ಮಾಡುವುದು ಉತ್ತಮವಾಗಿದೆ ಏಕೆಂದರೆ ಇದು ಹೆಚ್ಚಿನ ಧ್ವನಿ ಗುಣಮಟ್ಟವನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳು (ಆಂಡ್ರಾಯ್ಡ್ 2.3+, ಕ್ರೋಮ್ 6+, ಐಇ 9+, ಐಒಎಸ್ 3+, ಮತ್ತು ಸಫಾರಿ 5+) ಬೆಂಬಲಿಸುತ್ತದೆ.
  2. ನಿಮ್ಮ ಫೈಲ್ ಅನ್ನು ಫೈರ್ಫಾಕ್ಸ್ 3.6+ ಮತ್ತು ಒಪೇರಾ 10.5+ ಬೆಂಬಲದಲ್ಲಿ ಸೇರಿಸಲು ವೊರ್ಬಿಸ್ ಫಾರ್ಮ್ಯಾಟ್ಗೆ ( .ogg ) ಪರಿವರ್ತಿಸಿ. Vorbis.com ನಲ್ಲಿ ಕಂಡುಬರುವಂತೆ ನೀವು ಪರಿವರ್ತಕವನ್ನು ಬಳಸಬಹುದು. ಫೈರ್ಫಾಕ್ಸ್ ಮತ್ತು ಒಪೆರಾ ಬೆಂಬಲ ಪಡೆಯಲು ನಿಮ್ಮ MP3 ಅನ್ನು WAV ಫೈಲ್ ಫಾರ್ಮ್ಯಾಟ್ (. ವಾವ್) ಗೆ ಪರಿವರ್ತಿಸಬಹುದು. ನಿಮ್ಮ ಫೈಲ್ ಅನ್ನು ಎಲ್ಲಾ ಮೂರು ವಿಧಗಳಲ್ಲಿಯೂ ಭದ್ರತೆಗಾಗಿ ಪೋಸ್ಟ್ ಮಾಡಲು ನಾನು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ, ಆದರೆ ನಿಮಗೆ ಅಗತ್ಯವಿರುವ ಹೆಚ್ಚಿನವು MP3 ಮತ್ತು ಇನ್ನೊಂದು ವಿಧವಾಗಿದೆ.
  3. ನಿಮ್ಮ ವೆಬ್ ಸರ್ವರ್ಗೆ ಎಲ್ಲಾ ಆಡಿಯೊ ಫೈಲ್ಗಳನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಅವುಗಳನ್ನು ಸಂಗ್ರಹಿಸಿದ ಡೈರೆಕ್ಟರಿಯ ಟಿಪ್ಪಣಿ ಮಾಡಿ. ಆಡಿಯೊ ಫೈಲ್ಗಳಿಗಾಗಿ ಕೇವಲ ಉಪ-ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಇರಿಸಲು ಒಳ್ಳೆಯದು, ಹೆಚ್ಚಿನ ವಿನ್ಯಾಸಕರು ಚಿತ್ರಗಳನ್ನು ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಉಳಿಸಿ.
  4. ಧ್ವನಿ ಫೈಲ್ ನಿಯಂತ್ರಣಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು ಬಯಸುವ ನಿಮ್ಮ HTML ಫೈಲ್ಗೆ ಆಡಿಯೊ ಅಂಶವನ್ನು ಸೇರಿಸಿ. <ಆಡಿಯೋ ನಿಯಂತ್ರಣಗಳು>
  5. AUDIO ಅಂಶದ ಒಳಗೆ ನೀವು ಅಪ್ಲೋಡ್ ಮಾಡಲಾದ ಪ್ರತಿ ಆಡಿಯೊ ಫೈಲ್ಗಾಗಿ SOURCE ಅಂಶಗಳನ್ನು ಇರಿಸಿ:
  1. AUDIO ಅಂಶದ ಒಳಗೆ ಯಾವುದೇ HTML ಅನ್ನು AUDIO ಅಂಶವನ್ನು ಬೆಂಬಲಿಸದ ಬ್ರೌಸರ್ಗಳಿಗೆ ಒಂದು ಗೆ ಬಳಸಲಾಗುವುದು. ಆದ್ದರಿಂದ ಕೆಲವು HTML ಅನ್ನು ಸೇರಿಸಿ. ಫೈಲ್ ಅನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡಲು ಅವರಿಗೆ HTML ಅನ್ನು ಸೇರಿಸುವುದು ಸುಲಭವಾದ ಮಾರ್ಗವಾಗಿದೆ, ಆದರೆ ನೀವು ಶಬ್ದವನ್ನು ಆಡಲು HTML 4.01 ಎಂಬೆಡಿಂಗ್ ವಿಧಾನಗಳನ್ನು ಸಹ ಬಳಸಬಹುದು. ಇಲ್ಲಿ ಸರಳ ಫಾಲ್ಬ್ಯಾಕ್ ಇದೆ:

    ಆಡಿಯೊ ಪ್ಲೇಬ್ಯಾಕ್ ಅನ್ನು ನಿಮ್ಮ ಬ್ರೌಸರ್ ಬೆಂಬಲಿಸುವುದಿಲ್ಲ, ಫೈಲ್ ಅನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡಿ:

    1. MP3 ,
    2. ವೊರ್ಬಿಸ್ , WAV
  2. ನೀವು ಮಾಡಬೇಕಾದ ಕೊನೆಯ ವಿಷಯವೆಂದರೆ ನಿಮ್ಮ ಆಡಿಯೋ ಅಂಶ:
  3. ನೀವು ಪೂರ್ಣಗೊಳಿಸಿದಾಗ, ನಿಮ್ಮ HTML ಈ ರೀತಿ ಇರಬೇಕು: <ಆಡಿಯೊ ನಿಯಂತ್ರಣಗಳು>
    1. ನಿಮ್ಮ ಬ್ರೌಸರ್ ಆಡಿಯೊ ಪ್ಲೇಬ್ಯಾಕ್ ಅನ್ನು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ, ಫೈಲ್ ಅನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡಿ:

    2. MP3 ,
    3. ವೊರ್ಬಿಸ್ ,
    4. WAV

ಹೆಚ್ಚುವರಿ ಸಲಹೆಗಳು

  1. HTML5 doctype () ಅನ್ನು ಬಳಸಲು ಮರೆಯದಿರಿ ಮತ್ತು ಇದರಿಂದಾಗಿ ನಿಮ್ಮ HTML ಮೌಲ್ಯೀಕರಿಸುತ್ತದೆ
  2. ನಿಮ್ಮ ಅಂಶಕ್ಕೆ ನೀವು ಯಾವ ಇತರ ಆಯ್ಕೆಗಳನ್ನು ಸೇರಿಸಬಹುದೆಂದು ನೋಡಲು ಅಂಶಕ್ಕೆ ಲಭ್ಯವಿರುವ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಪರಿಶೀಲಿಸಿ.
  3. ನಾವು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ನಿಯಂತ್ರಣಗಳನ್ನು ಸೇರಿಸಲು ಎಚ್ಟಿಎಮ್ಎಲ್ ಅನ್ನು ಹೊಂದಿಸಿದ್ದೇವೆ ಮತ್ತು ಸ್ವಯಂಪ್ಲೇ ಅನ್ನು ಆಫ್ ಮಾಡಲಾಗಿದೆ ಎಂದು ಗಮನಿಸಿ. ನೀವು ಅದನ್ನು ಬದಲಾಯಿಸಬಹುದು, ಆದರೆ ಅನೇಕ ಜನರು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಪ್ರಾರಂಭವಾಗುವ ಧ್ವನಿಯನ್ನು ಕಂಡುಕೊಳ್ಳುತ್ತಾರೆ ಅಥವಾ ಅತ್ಯುತ್ತಮವಾಗಿ ಕಿರಿಕಿರಿಗೊಳಿಸುವಂತೆ ನಿಯಂತ್ರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ ಎಂದು ನೆನಪಿನಲ್ಲಿರಿಸಿಕೊಳ್ಳಿ, ಮತ್ತು ಆಗಾಗ್ಗೆ ಆಗಾಗ ಪುಟವನ್ನು ಬಿಡಲಾಗುತ್ತದೆ.