Videojs Player Kurulumu Yaptırılacaktır.

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.

<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..