使用 Require.js 加载 jwplayer.js答案

【问题标题】：Loading jwplayer.js using Require.js使用 Require.js 加载 jwplayer.js
【发布时间】：2013-03-20 18:47:12
【问题描述】：

所以，我是 Require.js 的新手，我一直在通过使用 Require.js 方法加载各种其他库来学习这个库。

我已成功加载 Knockout.js 对象、Chart.js 对象以及自定义 Require.js 定义的对象。

但我似乎无法使用 Require.js 加载 jwplayer。这是我收到的错误方法： Uncaught TypeError: Cannot call method 'jwplayer' of undefined

这是我的示例代码（Knockout、Chart 对象都加载成功）

require(['jwplayer/jwplayer', 'libs/Chart', 'libs/knockout-2.1.0', 'appViewModel','helper/util'], function(jwplayer, chart, ko, appViewModel, util) {

//LOADING FROM jwplayer.js
jwplayer("player").setup({
    width: '320',
    height: '40',
    sources: [{
        file: "rtmp://127.0.0.1:1935/vod/mp3:sample_1.mp3"
    },{
        file: "http://127.0.0.1:1935/vod/sample_1.mp3/playlist.m3u8"
    }]
});

//LOADING FROM Chart.js
var barChartData = {
    labels : ["January","February","March","April","May","June","July"],
    datasets : [
        {
            fillColor : "rgba(220,220,220,0.5)",
            strokeColor : "rgba(220,220,220,1)",
            data : [65,59,90,81,56,55,40]
        },
        {
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,1)",
            data : [28,48,40,19,96,27,100]
        }
    ]   
};
var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(barChartData);

//LOADING FROM knockout-2.1.0.js
ko.applyBindings(new appViewModel());

//LOADING FROM A CUSTOM DEFINED OBJECT
util.greets(); 
    });

那么如何使用 Require.js 加载 jwplayer.js？

【问题讨论】：

标签： requirejs jwplayer

【解决方案1】：

jwplayer.js 没有为 require.js 定义一个模块，所以你将不得不使用shim config，像这样：

require.config({
    shim: {
        'jwplayer/jwplayer': {
            exports: 'jwplayer'
        }
    }
});

您可以在 requirejs api 文档中查看有关如何使用它的更多信息。

编辑：代码示例中的错字。

编辑2：需要注意的是jwplayer()如果找不到你传给它的播放器就会返回null，所以即使加载正确，还是会抛出那个错误。如果即使在包含配置后仍然出现错误，请尝试添加类似

console.log(jwplayer.api);

在 require 回调中并检查您的控制台以查看是否有任何内容。

【讨论】：