ਇੱਕ HTML5 ਵੈਬ ਪੇਜ ਤੇ ਸਾਊਂਡ ਨੂੰ ਕਿਵੇਂ ਜੋੜੋ

HTML5 ਤੁਹਾਡੇ ਤੱਤ ਦੇ ਨਾਲ ਤੁਹਾਡੇ ਵੈਬ ਪੰਨਿਆਂ ਨੂੰ ਸਾਊਂਡ ਅਤੇ ਸੰਗੀਤ ਨੂੰ ਜੋੜਨਾ ਸੌਖਾ ਬਣਾਉਂਦਾ ਹੈ. ਵਾਸਤਵ ਵਿੱਚ, ਸਭ ਤੋਂ ਮੁਸ਼ਕਲ ਗੱਲ ਇਹ ਹੈ ਕਿ ਤੁਹਾਡੇ ਦੁਆਰਾ ਲੋੜੀਂਦੇ ਬਹੁਤੇ ਸਰੋਤ ਹਨ ਜੋ ਤੁਹਾਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਲੋੜੀਂਦੀਆਂ ਹਨ ਕਿ ਤੁਹਾਡੀ ਧੁਨੀ ਫਾਈਲਾਂ ਸਭ ਤੋਂ ਵੱਧ ਬ੍ਰਾਉਜ਼ਰ ਤੇ ਖੇਡਦੀਆਂ ਹਨ.

HTML5 ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ ਲਾਭ ਇਹ ਹੈ ਕਿ ਤੁਸੀਂ ਕੁਝ ਟੈਗ ਵਰਤ ਕੇ ਆਵਾਜ਼ ਨੂੰ ਐਮਬੈੱਡ ਕਰ ਸਕਦੇ ਹੋ. ਬ੍ਰਾਉਜ਼ਰ, ਫਿਰ, ਆਵਾਜ਼ ਚਲਾਉਂਦੇ ਹਨ ਜਿਵੇਂ ਉਹ ਇੱਕ ਚਿੱਤਰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ IMG ਐਲੀਮੈਂਟ ਵਰਤਦੇ ਹੋ

ਇੱਕ HTML5 ਵੈਬ ਪੇਜ ਤੇ ਸਾਊਂਡ ਨੂੰ ਕਿਵੇਂ ਜੋੜੋ

ਤੁਹਾਨੂੰ ਇੱਕ ਐਚਟੀਐਮਐਲ ਐਡੀਟਰ , ਇੱਕ ਆਵਾਜ਼ ਫਾਇਲ (ਤਰਜੀਹੀ MP3 ਫਾਰਮੇਟ ਵਿੱਚ), ਅਤੇ ਇੱਕ ਧੁਨੀ ਫਾਇਲ ਕਨਵਰਟਰ ਦੀ ਲੋੜ ਹੋਵੇਗੀ.

1. ਪਹਿਲੀ, ਤੁਹਾਨੂੰ ਇੱਕ ਆਵਾਜ਼ ਫਾਇਲ ਦੀ ਲੋੜ ਹੈ. ਇਹ ਇੱਕ MP3 ( .mp3 ) ਦੇ ਰੂਪ ਵਿੱਚ ਫਾਇਲ ਨੂੰ ਰਿਕਾਰਡ ਕਰਨ ਲਈ ਵਧੀਆ ਹੈ ਕਿਉਂਕਿ ਇਸ ਵਿੱਚ ਉੱਚ ਆਵਾਜ਼ ਗੁਣਵੱਤਾ ਹੈ ਅਤੇ ਇਹ ਸਭ ਬ੍ਰਾਉਜ਼ਰਸ (ਐਂਡਰਾਇਡ 2.3+, ਕਰੋਮ 6+, IE 9+, ਆਈਓਐਸ 3+ ਅਤੇ ਸਫਾਰੀ 5+) ਦੁਆਰਾ ਸਮਰਥਿਤ ਹੈ.
2. ਫਾਇਰਫਾਕਸ 3.6+ ਅਤੇ ਓਪੇਰਾ 10.5+ ਸਹਿਯੋਗ ਵਿੱਚ ਆਪਣੀ ਫਾਈਲ ਨੂੰ ਵੋਬਰਿਸ ਫੌਰਮੈਟ ( .ogg ) ਵਿੱਚ ਬਦਲੋ. ਤੁਸੀਂ ਵੋਰਬੀਸ.ਕੌਮ 'ਤੇ ਲੱਭੇ ਕਿਸੇ ਵੀ ਕਨਵਰਟਰ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ. ਫਾਇਰਫਾਕਸ ਅਤੇ ਓਪੇਰਾ ਸਹਿਯੋਗ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਤੁਸੀਂ ਆਪਣੇ MP3 ਨੂੰ ਇੱਕ WAV ਫਾਇਲ ਫਾਰਮੈਟ ( .wav ) ਵਿੱਚ ਤਬਦੀਲ ਕਰ ਸਕਦੇ ਹੋ. ਮੈਂ ਤੁਹਾਡੀ ਫਾਈਲ ਨੂੰ ਸਾਰੇ ਤਿੰਨ ਪ੍ਰਕਾਰ ਵਿੱਚ ਪੋਸਟ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕਰਦਾ ਹਾਂ, ਸਿਰਫ ਸੁਰੱਖਿਆ ਲਈ, ਪਰ ਜਿੰਨਾ ਦੀ ਤੁਹਾਨੂੰ ਲੋੜ ਹੈ, ਉਹ MP3 ਅਤੇ ਇੱਕ ਹੋਰ ਕਿਸਮ ਦੀ ਹੈ.
3. ਆਪਣੇ ਵੈੱਬ ਸਰਵਰ ਵਿਚ ਸਾਰੀਆਂ ਆਡੀਓ ਫਾਇਲਾਂ ਅਪਲੋਡ ਕਰੋ ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ ਉਸ ਡਾਇਰੈਕਟਰੀ ਵਿਚ ਨੋਟ ਕਰੋ ਜਿਸ ਵਿਚ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਸਟੋਰ ਕੀਤਾ ਹੈ. ਇਹ ਉਹਨਾਂ ਲਈ ਇਕ ਵਧੀਆ ਵਿਚਾਰ ਹੈ ਕਿ ਉਹਨਾਂ ਨੂੰ ਸਿਰਫ਼ ਆਡੀਓ ਫਾਈਲਾਂ ਲਈ ਉਪ-ਡਾਇਰੈਕਟਰੀ ਵਿਚ ਰੱਖਣਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਜ਼ਿਆਦਾਤਰ ਡਿਜ਼ਾਇਨਰ ਚਿੱਤਰਾਂ ਡਾਇਰੈਕਟਰੀ ਵਿਚ ਤਸਵੀਰਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਦੇ ਹਨ.
4. ਆਪਣੀ HTML ਫਾਈਲ ਵਿੱਚ AUDIO ਤੱਤ ਨੂੰ ਜੋੜੋ ਜਿੱਥੇ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਆਵਾਜ਼ ਫਾਇਲ ਕੰਟ੍ਰੋਲ ਵੇਖਾਈ ਜਾਵੇ <ਆਡੀਓ ਕੰਟਰੋਲ>
5. ਔਡੀਓ ਐਲੀਮੈਂਟ ਵਿੱਚ ਤੁਹਾਡੇ ਦੁਆਰਾ ਅਪਲੋਡ ਕੀਤੀ ਹਰੇਕ ਔਡੀਓ ਫਾਈਲ ਲਈ SOURCE ਐਲੀਮੈਂਟਸ ਲਗਾਓ :

1. AUDIO ਤੱਤ ਦੇ ਅੰਦਰ ਕੋਈ ਵੀ HTML, ਬਰਾਊਜ਼ਰ ਲਈ ਇੱਕ ਫਾਲਬੈਕ ਵਜੋਂ ਵਰਤਿਆ ਜਾਏਗਾ ਜੋ ਕਿ AUDIO ਤੱਤ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੇ. ਇਸ ਲਈ ਕੁਝ HTML ਜੋੜੋ ਸਭ ਤੋਂ ਆਸਾਨ ਤਰੀਕਾ ਹੈ ਕਿ ਉਹ ਫਾਇਲ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰਨ ਲਈ HTML ਨੂੰ ਜੋੜਨਾ ਹੈ, ਪਰ ਤੁਸੀਂ ਆਵਾਜ਼ ਚਲਾਉਣ ਲਈ HTML 4.01 ਏਮਬੈੱਡਿੰਗ ਵਿਧੀਆਂ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ. ਇੱਥੇ ਇੱਕ ਸਧਾਰਨ ਫਾਲਬੈਕ ਹੈ:

   ਤੁਹਾਡਾ ਬ੍ਰਾਊਜ਼ਰ ਔਡੀਓ ਪਲੇਬੈਕ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ, ਫਾਈਲ ਡਾਊਨਲੋਡ ਕਰੋ:

   1. MP3 ,
   2. ਵੋਰਬਿਸ , WAV
2. ਆਖਰੀ ਗੱਲ ਜੋ ਤੁਹਾਨੂੰ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਆਪਣੇ ਆਡੀਓ ਐਲੀਮੈਂਟ ਨੂੰ ਬੰਦ ਕਰ ਰਿਹਾ ਹੈ:
3. ਜਦੋਂ ਤੁਸੀਂ ਪੂਰਾ ਕਰ ਲੈਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਡੀ HTML ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਣੀ ਚਾਹੀਦੀ ਹੈ:
   4. ਤੁਹਾਡਾ ਬ੍ਰਾਊਜ਼ਰ ਔਡੀਓ ਪਲੇਬੈਕ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ, ਫਾਈਲ ਡਾਊਨਲੋਡ ਕਰੋ:

   5. MP3 ,
   6. ਵੋਰਬਿਸ ,
   7. WAV

ਹੋਰ ਸੁਝਾਅ

1. HTML5 doctype () ਨੂੰ ਵਰਤਣਾ ਯਕੀਨੀ ਬਣਾਓ ਤਾਂ ਜੋ ਤੁਹਾਡਾ HTML ਪ੍ਰਮਾਣਿਤ ਹੋ ਸਕੇ
2. ਇਹ ਤੱਤ ਦੇਖਣ ਲਈ ਉਪਲਬਧ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਸਮੀਖਿਆ ਕਰੋ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਤੱਤ ਦੇ ਹੋਰ ਕਿਹੜੇ ਵਿਕਲਪਾਂ ਨੂੰ ਜੋੜ ਸਕਦੇ ਹੋ.
3. ਧਿਆਨ ਰੱਖੋ ਕਿ ਅਸੀ ਡਿਫੌਲਟ ਨਿਯੰਤਰਣ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਐਚਟੀਐਲ ਸਥਾਪਤ ਕੀਤੀ ਹੈ ਅਤੇ ਆਟੋਪਲੇ ਬੰਦ ਹੈ ਤੁਸੀਂ ਇਸ ਨੂੰ ਤਬਦੀਲ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਯਾਦ ਰੱਖੋ ਕਿ ਬਹੁਤ ਸਾਰੇ ਲੋਕਾਂ ਨੂੰ ਆਵਾਜ਼ ਲੱਗਦੀ ਹੈ ਜੋ ਆਪਣੇ ਆਪ ਹੀ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ / ਉਹ ਸਭ ਤੋਂ ਵਧੀਆ ਤੰਗ ਕਰਨ ਲਈ ਕਾਬੂ ਨਹੀਂ ਰੱਖ ਸਕਦਾ, ਅਤੇ ਅਕਸਰ ਜਦੋਂ ਉਹ ਹੁੰਦਾ ਹੈ ਤਾਂ ਸਫ਼ੇ ਨੂੰ ਛੱਡ ਦਿੰਦਾ ਹੈ.