最簡單的Shaka球員不工作

我想要的只是我的Shaka球員工作。我列出了電影目錄中的所有文件。我的清單文件（.mpd）由位於同一目錄中的5個不同的webm視頻流文件組成（我意識到音頻不在那裏，在這種情況下並不重要）。最簡單的Shaka球員不工作

我幾乎跟着從網站上的教程：

https://shaka-player-demo.appspot.com/docs/api/tutorial-welcome.html

我不知道爲什麼，這是行不通的。有人可以幫忙嗎？

電影目錄：

Movie_WebM.html 
shaka-player.compiled.js 
Movie.js 
Movie_Manifest.mpd    
Movie_160x90_250k.webm       
Movie_320x180_500k.webm 
Movie_640x360_1000k.webm 
Movie_640x360_750k.webm  
Movie_1280x720_500k.webm

Movie_WebM.html：

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="shaka-player.compiled.js"></script> 
    <script src="Movie.js"></script> 
    </head> 
    <body> 
    <video id="video" 
      width="640" 
      poster="//shaka-player-demo.appspot.com/assets/poster.jpg" 
      controls></video> 
    </body> 
</html>

Movie.js：

var manifestUri = 'Movie_Manifest.mpd'; 

function initApp() { 
    shaka.log.setLevel(shaka.log.Level.V1); 
    // Install built-in polyfills to patch browser incompatibilities. 
    shaka.polyfill.installAll(); 

    // Check to see if the browser supports the basic APIs Shaka needs. 
    if (shaka.Player.isBrowserSupported()) { 
    // Everything looks good! 
    initPlayer(); 
    } else { 
    // This browser does not have the minimum set of APIs we need. 
    console.error('Browser not supported!'); 
    } 
} 

function initPlayer() { 
    // Create a Player instance. 
    var video = document.getElementById('video'); 
    var player = new shaka.Player(video); 

    // Attach player to the window to make it easy to access in the JS console. 
    window.player = player; 

    // Listen for error events. 
    player.addEventListener('error', onErrorEvent); 

    // Try to load a manifest. 
    // This is an asynchronous process. 
    player.load(manifestUri).then(function() { 
    // This runs if the asynchronous load is successful. 
    console.log('The video has now been loaded!'); 
    }).catch(onError); // onError is executed if the asynchronous load fails. 
} 

function onErrorEvent(event) { 
    // Extract the shaka.util.Error object from the event. 
    onError(event.detail); 
} 

function onError(error) { 
    // Log the error. 
    console.error('Error code', error.code, 'object', error); 
} 

document.addEventListener('DOMContentLoaded', initApp);

來源

2017-04-25 alexs973

儘量在本地主機上運行英寸您可以使用Python SimpleHTTPServer：

python -m SimpleHTTPServer

和開放

localhost:8000/{MOVIE_DIR}/Movie_WebM.html

EME需要一個安全的網址使用。這意味着您必須使用https或位於本地主機上。目前只有Chrome瀏覽器執行此操作，但其他瀏覽器將在未來實施。另外，由於內容需求混雜，如果您的網站使用https，那麼您的清單和每個細分受衆羣也需要使用https。 - https://shaka-player-demo.appspot.com/docs/api/tutorial-drm-config.html

來源

2017-08-23 11:55:17

最簡單的Shaka球員不工作

回答

相關問題