अपना खुद का एम्बेड करने योग्य ऑडियो प्लेयर कैसे बनाएं // शुद्ध फ्लैश

Question

हम वर्तमान में उपयोगकर्ता द्वारा जेनरेट की गई ऑडियो सामग्री के आधार पर एक समुदाय विकसित कर रहे हैं। ऑडियो खेलने के लिए आधार तकनीक Soundmanager 2 HTML5 है। हमने एसएम 2 विकल्प jQuery के आधार पर अपना स्वयं का प्लेयर इंटरफ़ेस बनाया है।

अपलोड की गई एमपी 3 फ़ाइलों को एम्बेड करने योग्य बनाने के लिए मैं वर्तमान में सही तकनीक की तलाश में हूं। खिलाड़ी मोबाइल उपकरणों पर बजाने योग्य होना चाहिए (जिसमें शुद्ध फ़्लैश प्लेयर शामिल हैं, मुझे लगता है)। यातायात रिसाव से बचने योग्य होना चाहिए।

क्रॉस-ब्राउज़र (और क्रॉस-डिवाइस) संगतता और सुरक्षा के संबंध में एक एम्बेड करने योग्य प्लेयर स्निपेट बनाने का सबसे अच्छा तरीका क्या है?

• एक टैग के साथ एम्बेड (जैसे फेसबुक प्रदान करता है)
• एक <script> टैग (कि डोम में खिलाड़ी कोड "इंजेक्शन") के साथ एम्बेड करें:

  IMHO, उन विकल्प हैं। ग़लत व्याख्या से बचने के लिए:

• बस एक छोटा HTML मार्कअप का टुकड़ा, के साथ सभी लिंक ( छवियों सीएसएस, जे एस,) पूर्ण किए गए की पेशकश

संपादित मैं एक एम्बेडिंग कोड है कि करने की पेशकश की जा सकती है के बारे में बात कर रहा हूँ हमारे आगंतुक, इसलिए वे हमारे प्लेयर पर दूरस्थ वेबसाइटों का उपयोग कर सकते हैं। हां, यूट्यूब या साउंडक्लाउड की तरह।

Answer 1

मैंने एसएम 2 का उपयोग नहीं किया है, इसलिए मैं उससे बात नहीं कर सकता।

हालांकि, अगर jQuery एक विकल्प है, तो मुझे jquery.mb.miniAudioPlayer के साथ अच्छी किस्मत मिली है, जो jPlayer पर आधारित है।

<script type="text/javascript" src="inc/jquery/1.3.2.min.js"></script> 
<script type="text/javascript" src="inc/mbScrollable.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     $(".audio").mb_miniAudioPlayer({ 
     width:240, 
     inLine:false 
     }); 
    }); 
</script> 

<div id="myScroll"> 
    <a id="m1" 
     class="audio {ogg:'http://www.miaowmusic.com/ogg/Miaow-07-Bubble.ogg', 
     mp3:'http://www.miaowmusic.com/ogg/Miaow-07-Bubble.mp3'}" 
     href="javascript:void(0)">miaowmusic - Bubble (mp3/ogg) 
    </a> 
</div> 

या दूसरे शब्दों में (। के रूप में this page क्लिक करें 'कैसे' पर देखा), आपके टूटने उपयोग करने के लिए:

यहाँ मार्कअप/कोड के न्यूनतम राशि की आवश्यकता का एक उदाहरण है : हाँ, <script> टैग है जो प्लेयर कोड को "इंजेक्ट" करता है।