2012-09-20 15 views
9

के साथ निरंतर संगीत खेल रहा था, मैं वास्तव में फ़्रेम का उपयोग करके, बिना पृष्ठों के लगातार पृष्ठों को संगीत चलाने में सक्षम था (मुझे पता है कि संगीत लगातार खेलना अच्छा विचार नहीं है लेकिन क्लाइंट ने वास्तव में अनुरोध किया है, इसलिए मेरे पास कोई विकल्प नहीं था)।संगीत

<body> 
    <div id="player"> 
    <audio id="audio" controls="controls" autoplay="autoplay" loop="loop" style="width:150px;"> 
     <source src="martnalia05namoracomigo.ogg" type="audio/ogg" /> 
     <source src="martnalia05namoracomigo.mp3" type="audio/mp3" /> 
     <embed src="martnalia05namoracomigo.mp3" hidden="true" loop="TRUE" autostart="TRUE"></embed> 
    </audio> 
    </div> 
</body> 

मैं सिर्फ परीक्षण करने के लिए इस संगीत डाला, और मुझे पता है कि अगर यह एक नाटक की सूची बनाने के लिए संभव है चाहते हैं और सूचित करने के लिए करता है, तो यह संभव है: यहाँ है कि मैं क्या संगीत का चलना के साथ फ्रेम के लिए इस्तेमाल किया है संगीत जो वर्तमान में इसमें एक लिंक के साथ खेल रहा है और एक संगीत छोड़ने के लिए एक बटन है, उदाहरण के लिए:

[player] 
| button previous | button to play/pause | button next 
| name of the music (link to the page of the Album) | 
[end of player] 

कोई सुझाव?

+0

आप फ्रेम का उपयोग करने की जरूरत नहीं है में मदद करता है - आप अपनी सामग्री कंटेनर AJAX के साथ अतुल्यकालिक रूप से डेटा लाने और इसे उस तरह से पॉप्युलेट हो सकता है। बैकबोनजेएस और स्पाइन उस प्रकार के वेब ऐप के लिए दोनों बेहतरीन समाधान हैं। – AlienWebguy

+0

मुझे यकीन नहीं है कि मैं इसका उपयोग कर पाऊंगा, क्योंकि मैं वास्तव में अपनी साइट के लिए पूर्व-निर्मित आधार का उपयोग कर रहा हूं, मैं इसका उपयोग कर रहा हूं: jumpseller.com और मेरी वेबसाइट यह है: http: //biscoitofino.jumpseller.com/ मुझे नहीं पता कि मैं वास्तव में इस सिस्टेम में नेविगेशन को संपादित कर सकता हूं क्योंकि मेरे पास कोड के लिए सीमित एसेस है। मेरा विचार उपरोक्त फ्रेम में संगीत प्लेयर का उपयोग करना और नीचे दी गई फ्रेम में वेब सच्ची सामग्री का उपयोग करना था। –

+0

यह साइट क्या है? मैं यह सुनिश्चित करना चाहता हूं कि मैं कभी नहीं जाऊंगा। – Joe

उत्तर

0

आपको शायद मीडिया प्लेयर प्लगइन का उपयोग करना होगा। Leanback प्लेयर का प्रयास करें:

http://leanbackplayer.com/ + http://leanbackplayer.com/player_extensions.html (XSPF ऑडियो प्लेलिस्ट विस्तार)

ताकि आप इसे शैली आसानी से पर्याप्त आपकी आवश्यकताओं के अनुरूप करने में सक्षम होना चाहिए यह एक Flash फ़ॉलबैक विकल्प के साथ एचटीएमएल 5/सीएसएस/जे एस है।

+0

नमस्कार और आपके उत्तर जिम के लिए धन्यवाद, तो मुझे बताएं, क्या आपको लगता है कि मेरे मामले में फ्रेम का उपयोग करने के बजाय थारे का बेहतर विकल्प है (इस पर विचार करते हुए कि मैं अपने सिस्टम के साथ AJAX का उपयोग नहीं कर सकता) संगीत को लगातार चल रहा है ?? –

+0

यह देखते हुए कि आप कुछ जावास्क्रिप्ट जोड़ने के लिए पर्याप्त पेज को कस्टमाइज़ नहीं कर सकते हैं, मैं कहूंगा कि आप केवल फ्रेम के साथ चिपकने का विकल्प हैं। – gfyans

+0

यदि आप इतने प्रतिबंधित नहीं थे तो आप सिंगल-पेज ऐप रूट, http://en.wikipedia.org/wiki/Single-page_application पर जा सकते हैं, इसलिए पृष्ठ कभी भी रीफ्रेश नहीं होता है, आप उपयोगकर्ता की केवल नई सामग्री का अनुरोध करते हैं आपके नेविगेशन में एक लिंक पर क्लिक करता है। आपका मीडिया प्लेयर हर समय रहता है। हाइपम के आसपास एक खुदाई है।कॉम का स्रोत, मुझे यकीन नहीं है कि उन्हें # के उपयोग किए बिना उनके यूआरएल कैसे बदल सकते हैं (सिंगल पेज ऐप मेरी बात नहीं है), लेकिन यह बहुत अच्छा काम करता है। ब्याज से, आप AJAX का उपयोग क्यों नहीं कर सकते? यदि आप अपनी साइट पर जेएस नहीं जोड़ सकते हैं तो आप लीनबैक का उपयोग नहीं कर पाएंगे। – gfyans

1

आप शायद एक छोटा मीडिया प्लेयर बनाना चाहते हैं, अगर ऐसा होता है तो इस मामले को पूरा करने में आपकी सहायता के लिए बहुत सारी तैयार स्क्रिप्ट उपलब्ध है। (Google आपका मित्र है)।

यदि आप अपने बारे में यहां जाने का फैसला करते हैं तो मेरे विचार हैं, वे सही दिशा में आपकी मदद कर सकते हैं।

var data = [{audiourl: "filename1.mp3", artisturl:"http://example.com",name:"Song name"}, 
      {audiourl: "filename1.mp3", artisturl:"http://example.com",name:"Song name"}]; 

आपके ट्रैक के ब्योरे को संग्रहीत करने के लिए कुछ प्रकार की डेटा संरचना।

var audio = document.getElementById("audio"); 
audio.addEventListener('ended', playNext); 

अंत में समारोह के कुछ प्रकार पटरियों

var currentTrack = 0; 
function playNext(options){ 
    currentTrack++; 
    if (currentTrack > data.length){ 
     currentTrack = 0; 
    } 
    var audiosrc = document.getElementById('embed_element_id') // or some other selector method 
    audiosrc.src = data[currentTrack].audiourl; 
    audiosrc.play(); 
} 

इम पूरी तरह से एचटीएमएल 5 ऑडियो विनिर्देश पर यकीन नहीं की स्विचिंग को संभालने के लिए, लेकिन मैं इन पंक्तियों के साथ अपनी ग्रहण करेंगे।

आशा इस

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