2013-06-07 10 views
13

मैं ब्राउज़र के नियंत्रण के बिना अपना खुद का ऑडियो बना रहा हूँ।एचटीएमएल 5 ऑडियो livestreaming

<audio src="http://50.7.98.194:8081/~dl3/cgi-bin/dl.cgi/bqmu5mltxcqy43mxecgo4gnw743qr7fd7io22q5xj4/gl1mwvp6b326.mp3" id="audio"> 
</audio> 

मैं जब कुछ बटन क्लिक किया इन कार्यों, कहा जाता है:

function play() 
{ 
    audio.play(); 
} 

function play() 
{ 
    audio.pause 
} 

function stop() 
{ 
    audio.pause(); 
    audio.src = audio.src; 
} 

लेकिन अब के लिए, मैं केवल एमपी 3 या ogg फ़ाइलें, पुन: पेश कर सकते हैं, लेकिन नहीं एक लाइव स्ट्रीम रेडियो। मैंने कुछ प्लगइन के बारे में पढ़ा है, लेकिन मुझे इसे शुद्ध HTML5 के साथ करने की ज़रूरत है।

क्या आप मेरी मदद कर सकते हैं, कृपया? बहुत बहुत धन्यवाद,

उत्तर

12

दुर्भाग्यवश, अभी भी कोई भी वीडियो और ऑडियो कोडेक नहीं है, जो सभी ब्राउज़रों द्वारा समर्थित है! प्रोग्रामर को यह सुनिश्चित करना होगा कि उपयोग-मामलों के लिए फ़ॉलबैक प्रदान किया गया है जहां ब्राउज़र ए कोडेक बी का समर्थन नहीं करता है और इसके विपरीत।

आप डेस्कटॉप और मोबाइल ब्राउज़र दोनों के लिए इस संगतता तालिका को देख सकते हैं।

डेस्कटॉप:

  • इंटरनेट एक्सप्लोरर (9.0+) समर्थन एमपी 3 और AAC कोडेक
  • क्रोम (6.0+) का समर्थन Ogg Vorbis, एमपी 3, WAV +
  • फ़ायरफ़ॉक्स (3.6+) का समर्थन ऑग वॉर्बिस, WAV
  • सफारी (5.0+) समर्थन एमपी 3, AAC, WAV
  • ओपेरा (10.0+) Ogg Vorbis समर्थन, WAV

मोबाइल:

  • ओपेरा मोबाइल (11.0+) समर्थित कोडेक डिवाइस पर निर्भर
  • एंड्रॉयड (2.3+) समर्थित कोडेक डिवाइस पर निर्भर
  • मोबाइल सफारी (आईओएस 3.0 के साथ iDevices हैं +) समर्थन एमपी 3, AAC
  • ब्लैकबेरी (6.0+) समर्थन एमपी 3, AAC

के बाद से फ्लैश stil है मैं काफी व्यापक, यह शायद सबसे सुरक्षित फॉलबैक है।

इसके अलावा, मैं यह ध्यान रखना चाहता हूं कि कुछ लाइब्रेरी का उपयोग करने में कुछ भी बुरा नहीं है, उनमें से कुछ (उदा। jPlayer) बहुत शक्तिशाली इंटरफ़ेस प्रदान करता है और यह केवल बेहतर कोड बनाने में आपकी सहायता कर सकता है! HTML5 Audio Radio Player by Opera Devs

+0

हाय, आपके उत्तर के लिए धन्यवाद। ऐसा लगता है कि मेरे यूआरएल रेडियो के साथ एक समस्या है, जिसे मैं नहीं सुन सकता ... मैंने इस रेडियो के साथ प्रयास किया http://listen.radionomy.com/abc-jazz और मैं इसे अच्छी तरह से सुनता हूं !! क्या हो सकता है? शायद बंदरगाहों के साथ एक समस्या है? –

+0

मुझे प्राप्त होने वाले ऑडियो का कोडेक एएसीपी –

+0

मुझे लगता है कि यही कारण नहीं है, क्या आप किसी अन्य स्रोत (जैसे एमपी 3/ओग स्ट्रीमिंग) के साथ प्रयास कर सकते हैं? – vitozev

11

एक "लाइव स्रोत" से ऑडियो बजाना आधुनिक ब्राउज़र द्वारा समर्थित किया जा रहा है:

मैं तुम्हें सब कुछ आप निम्न आलेख में जानना चाहते हैं पा सकते हैं लगता है।

<audio controls> 
    <source src="http://audio-mp3.ibiblio.org:8000/wcpe.mp3" type="audio/mpeg"> 
    <source src="http://audio-ogg.ibiblio.org:8000/wcpe.ogg" type="audio/ogg"> 
</audio> 

और धारा "सिर्फ काम करता है" क्योंकि यह थे, हालांकि डिफ़ॉल्ट नियंत्रण के साथ की तलाश करने का प्रयास: मूल रूप से बस सामान्य एचटीएमएल 5 ऑडियो टैग, और इनपुट "लाइव स्ट्रीम" स्रोत, पूर्व के रूप में यूआरएल का उपयोग कुछ नहीं करता। तो अंततः आप सामान्य एचटीएमएल 5 मीडिया शैली में, "कस्टम" वाले नियंत्रणों को प्रतिस्थापित करना चाह सकते हैं।गैर एचटीएमएल 5 ब्राउज़रों के लिए पिछड़े संगतता के लिए, यह प्रोजेक्ट उपयोगी हो सकता है: https://github.com/etianen/html5media/wiki/Embedding-audio (लाइव स्ट्रीमिंग के साथ इसका परीक्षण नहीं किया है लेकिन काम कर सकता/सकती है)। एमपी 3 कोडेक प्रमुख ब्राउज़रों में समर्थित है (संभवतः लिनक्स पर फ़ायरफ़ॉक्स को छोड़कर [?])। ओपस एक और अच्छी तरह से पार मंच विकल्प हो सकता है, मुझे यकीन नहीं है कि कोडेक बुद्धिमान "सर्वोत्तम" पसंद क्या है।

कुछ धाराओं के साथ (shoutcast मुझे लगता है) मुझे एक बंद करना पड़ा ';' यूआरएल में, नोट्स के लिए https://stackoverflow.com/a/3182814/32453 देखें, लेकिन यह मूल रूप से "दाएं" यूआरएल प्राप्त करने के लिए है।

+0

मेरे परीक्षणों के अनुसार, आज (2017-03-05), फ़ायरफ़ॉक्स, एज लाइव ऑडियो स्ट्रीम को काफी तेज़ी से खेलना शुरू कर सकता है (1 से 3 सेकंड की देरी के साथ), और ओपेरा के लिए देरी लगभग 10 सेकंड है। टेस्ट "ऑडियो/वाव" के साथ किया जाता है। – Hong

संबंधित मुद्दे