• 15-06-2019, 00:35:05
    #1
    Merhabalar,

    Sitemde mp4 dosyalarımı blob: şeklinde oynatmak istiyorum sanırım bu VideoJs video playeri ile mümkün.. Videolarımızı Streaming Host'a yükleyeceğiz ve <video src="blob:siteninadı/2323323823293823982"> şeklinde çekeceğiz. Kısacası sitemize VideoJS playerini kuracak ve bize ücretli yardımcı olacak birini aramaktayız.

    FORUM DIŞI İLETİŞİM İÇİN

    Skype: e-m-i-n_12344@hotmail.com ve WhatsApp: 05346673021
  • 15-06-2019, 04:28:41
    #2
    <video id="video"></video>
    <script>
        // As before, I'm regularly grabbing blobs of video data
        // The implementation of "nextChunk" could be various things:
        // - reading from a MediaRecorder
        // - reading from an XMLHttpRequest
        // - reading from a local webcam
        // - generating the files on the fly in JavaScript
        // - etc
        var arrayOfBlobs = [];
        setInterval(function() {
            arrayOfBlobs.append(nextChunk());
            // NEW: Try to flush our queue of video data to the video element
            appendToSourceBuffer();
        }, 1000);
    
    // 1. Create a `MediaSource`
    var mediaSource = new MediaSource();
    
    // 2. Create an object URL from the `MediaSource`
    var url = URL.createObjectURL(mediaSource);
    
    // 3. Set the video's `src` to the object URL
    var video = document.getElementById("video");
    video.src = url;
    
    // 4. On the `sourceopen` event, create a `SourceBuffer`
    var sourceBuffer = null;
    mediaSource.addEventListener("sourceopen", function()
    {
        // NOTE: Browsers are VERY picky about the codec being EXACTLY
        // right here. Make sure you know which codecs you're using!
        sourceBuffer = mediaSource.addSourceBuffer("video/webm; codecs="opus,vp8"");
    
        // If we requested any video data prior to setting up the SourceBuffer,
        // we want to make sure we only append one blob at a time
        sourceBuffer.addEventListener("updateend", appendToSourceBuffer);
    });
    
    // 5. Use `SourceBuffer.appendBuffer()` to add all of your chunks to the video
    function appendToSourceBuffer()
    {
        if (
            mediaSource.readyState === "open" &&
            sourceBuffer &&
            sourceBuffer.updating === false
        )
        {
            sourceBuffer.appendBuffer(arrayOfBlobs.shift());
        }
    
    // Limit the total buffer size to 20 minutes
    // This way we don't run out of RAM
    if (
        video.buffered.length &&
        video.buffered.end(0) - video.buffered.start(0) > 1200
    )
    {
        sourceBuffer.remove(0, video.buffered.end(0) - 1200)
    }
    }
    </script>
    HTML5 Video: Streaming Video with Blob URLs
  • 15-06-2019, 14:29:21
    #3
    codev adlı üyeden alıntı
    <video id="video"></video>
    <script>
        // As before, I'm regularly grabbing blobs of video data
        // The implementation of "nextChunk" could be various things:
        // - reading from a MediaRecorder
        // - reading from an XMLHttpRequest
        // - reading from a local webcam
        // - generating the files on the fly in JavaScript
        // - etc
        var arrayOfBlobs = [];
        setInterval(function() {
            arrayOfBlobs.append(nextChunk());
            // NEW: Try to flush our queue of video data to the video element
            appendToSourceBuffer();
        }, 1000);
    
    // 1. Create a `MediaSource`
    var mediaSource = new MediaSource();
    
    // 2. Create an object URL from the `MediaSource`
    var url = URL.createObjectURL(mediaSource);
    
    // 3. Set the video's `src` to the object URL
    var video = document.getElementById("video");
    video.src = url;
    
    // 4. On the `sourceopen` event, create a `SourceBuffer`
    var sourceBuffer = null;
    mediaSource.addEventListener("sourceopen", function()
    {
        // NOTE: Browsers are VERY picky about the codec being EXACTLY
        // right here. Make sure you know which codecs you're using!
        sourceBuffer = mediaSource.addSourceBuffer("video/webm; codecs="opus,vp8"");
    
        // If we requested any video data prior to setting up the SourceBuffer,
        // we want to make sure we only append one blob at a time
        sourceBuffer.addEventListener("updateend", appendToSourceBuffer);
    });
    
    // 5. Use `SourceBuffer.appendBuffer()` to add all of your chunks to the video
    function appendToSourceBuffer()
    {
        if (
            mediaSource.readyState === "open" &&
            sourceBuffer &&
            sourceBuffer.updating === false
        )
        {
            sourceBuffer.appendBuffer(arrayOfBlobs.shift());
        }
    
    // Limit the total buffer size to 20 minutes
    // This way we don't run out of RAM
    if (
        video.buffered.length &&
        video.buffered.end(0) - video.buffered.start(0) > 1200
    )
    {
        sourceBuffer.remove(0, video.buffered.end(0) - 1200)
    }
    }
    </script>
    HTML5 Video: Streaming Video with Blob URLs
    Hocam WordPress'te eklentisi varmış direkt olarak VideoJS'yi kurdum fakat şimdi Videoları Stream edebileceğim bir CDN yada Cloud sunucu aramaktayım.. Yardımcı olabilecek varsa hala iş alımı açık..