मीडिया स्रोत एपीआई

Question

के साथ उपयोग करने के लिए वेबएम वीडियो का प्रारंभिक सेगमेंट कैसे उत्पन्न करें मैं एक छोटा सा एप्लीकेशन बना रहा हूं जो मीडियाकोडर एपीआई का उपयोग वेबकैम से रिकोडिंग वीडियो को विभाजित करने और सर्वर पर सभी भाग अपलोड करने के लिए करता है।
मुझे लगता है कि मीडिया स्रोत एपीआई के साथ, मुझे पहले भाग को खेलना होगा और फिर किसी अन्य भाग को खेलना होगा।

http://www.w3.org/TR/media-source/#examples के अनुसार मुझे फ़ाइल की शुरुआत में "प्रारंभिक सेगमेंट" की आवश्यकता है।

मैं जेएस में वेबएम के "प्रारंभिक सेगमेंट" कैसे उत्पन्न कर सकता हूं ताकि मैं अपने द्वारा चुने गए किसी भी भाग को चला सकूं। क्या इसके लिए कोई मुक्ति है? (मैं WebM बाइट स्ट्रीम प्रारूप के बारे में कोई ज्ञान है)

Answer 1

आप मीडिया स्रोत एक्सटेंशन

उपयोग करने की आवश्यकता कृपया उदाहरण नीचे का उल्लेख

<script> 
    var appendID = "123"; 

    function onOpen(e) { 
    var video = e.target; 

    var headers = GetStreamHeaders(); 

    if (headers == null) { 
     // Error fetching headers. Signal end of stream with an error. 
     video.sourceEndOfStream(HTMLMediaElement.EOS_NETWORK_ERR); 
    } 

    video.sourceAddId(appendID, 'video/webm; codecs="vorbis,vp8"'); 

    // Append the stream headers (i.e. WebM Header, Info, and Tracks elements) 
    video.sourceAppend(appendID, headers); 

    // Append some initial media data. 
    video.sourceAppend(appendID, GetNextCluster()); 
    } 

    function onSeeking(e) { 
    var video = e.target; 

    // Abort current segment append. 
    video.sourceAbort(appendID); 

    // Notify the cluster loading code to start fetching data at the 
    // new playback position. 
    SeekToClusterAt(video.currentTime); 

    // Append clusters from the new playback position. 
    video.sourceAppend(appendID, GetNextCluster()); 
    video.sourceAppend(appendID, GetNextCluster()); 
    } 

    function onProgress(e) { 
    var video = e.target; 

    if (video.sourceState == video.SOURCE_ENDED) 
     return; 

    // If we have run out of stream data, then signal end of stream. 
    if (!HaveMoreClusters()) { 
     video.sourceEndOfStream(HTMLMediaElement.EOS_NO_ERROR); 
     return; 
    } 

    video.sourceAppend(appendID, GetNextCluster()); 
    } 

    var video = document.getElementById('v'); 
    video.addEventListener('sourceopen', onOpen); 
    video.addEventListener('seeking', onSeeking); 
    video.addEventListener('progress', onProgress); 
</script> 


<video id="v" autoplay> </video> 

<script> 
    var video = document.getElementById('v'); 
    video.src = video.mediaSourceURL; 
</script>