个人中心
gpt4 book ai didi

javascript - 如何安装JW Player 7.1

转载 作者：行者123 更新时间：2023-11-30 00:22:30 25 4
gpt4 key购买 nike

我下载了“JW Player 7 (Self-Hosted)”版本。

然后我将解压后的文件夹jwplayer-7.1.0复制到/home/vmg/public_html/。它包含以下文件和文件夹:

  • 1.js
  • jwplayer.flash.swf
  • jwplayer.js
  • provider.cast.js
  • provider.shaka.js
  • provider.youtube.js
  • 皮肤/

我在文件夹 jwplayer-7.1.0 中保存了一个视频 (video.mp4) 和一个图像 (image.jpg)。接下来，我编辑了文件夹 public_html/中包含的 index.html:

<!DOCTYPE html>
<html>
<head>
    <!-- JS jwplayer 6.8 -->
    <script type="text/javascript" src="jwplayer-7.1.0/jwplayer.js"></script>
    <!-- JWplayer Licence - put your licence here -->
    <script type="text/javascript">jwplayer.key="CKjOe06GxAOe3Dj9NaWPCQKtqvqQdyFV8z9wsg==";</script>
</head>
<body>
    <div id="video">Loading the player...</div>
    <script type="text/javascript">
    var playerInstance = jwplayer("video");
    playerInstance.setup({
        file: "jwplayer-7.1.0/video.mp4",
            image: "jwplayer-7.1.0/image.jpg",
            width: 384,
            height: 216,
            title: 'Basic Video Embed',
            description: 'A video with a basic title and description!'
    });
    </script>
</body>
</html>

我在 Chrome 上打开这个文件，它可以运行。

但我想处理流媒体内容，我看到了这个链接 http://doc.streamroot.io/doc/latest/en/Front_end_player_configuration/Players_Instructions/JWplayer.html对于此播放器的先前版本。它似乎适用于 MPEG-DASH list 和 HLS 播放列表。

对于出现在上述链接中的 index.html，使用: <script type="text/javascript" src="jwplayer-7.1.0/jwplayer.js"></script> ，播放器不工作。 

<!DOCTYPE html>
<html>
<head>
    <!-- JS jwplayer 6.8 -->
    <script type="text/javascript" src="jwplayer-7.1.0/jwplayer.js"></script>
    <!-- JWplayer Licence - put your licence here -->
    <script type="text/javascript">jwplayer.key="....";</script>

    <!-- Streamroot API (needs to be defined before the streamroot wrapper)-->
    <script src="http://files.streamroot.io/release/1.1/api.js"></script>

    <!-- Streamroot wrapper and loader -->
    <script type="text/javascript">
            streamrootWrapperSrc = "http://files.streamroot.io/release/1.1/wrappers/jwplayer/6.8/streamroot.wrapper.min.js";
    </script>
    <script type="text/javascript" src="http://files.streamroot.io/release/1.1/wrappers/jwplayer/6.8/srloader.js"></script>
</head>
<body>
    <div id="streamrootPlayer" class="video">
    </div>
    <script>
        jwplayer("streamrootPlayer").setup({
            // Streamroot manifest source  to place in the playlist
            playlist : [{
                sources: [
                { // HLS LIVE Manifest - works with Streamroot HTML5 and Flash modules.
                    file: "http://wowza.streamroot.io:1935/live/stream1/playlist.m3u8",
                    type: "application/x-mpegurl"
                },
                { // MPEG-DASH VOD Manifest - works with Streamroot HTML5 and Flash modules.
                        file: "http://wowza.streamroot.io:1935/vod/snow.mp4/manifest.mpd",
                     type: "video/dash"

                },/* { // RTMP LIVE Stream - if needed for fallbacks
                    file: "rtmp://wowza.streamroot.io:1935/live",
                    type: "video/rtmp"
                }, { // MP4 VOD Stream - if needed for fallbacks
                    file: "http://content.jwplatform.com/videos/HkauGhRi-640.mp4",
                    type: "video/mp4"
                }*/
                ]
            }],
            logo : {
                file : "logo.jpg",
                hide : true,
                link : ""
            },
            abouttext : "Your About Text",
            height: 360,
            width: 640,
            // enable streamroot playback and wrapper
            primary: "streamroot",
            streamrootplayer: "http://files.streamroot.io/release/1.1/wrappers/jwplayer/6.8/jwplayer.streamroot.js",
            srflashplayer : "http://files.streamroot.io/release/1.1/wrappers/jwplayer/6.8/jwplayer.srflash.swf",

            // streamroot API options
            sr_options: {
                ID_CLIENT : "ry-1t3stst12",
                TRACKER_URL:"http://tracker.streamroot.io:80"
            }
        });
    </script>
</body>
</html>

我想这些 Streamroot 库不适合 jwplayer 7.1，但它们不包含在下载的文件夹中。我做错了什么？

非常感谢!

最佳答案

此 Streamroot 文档页面已过时。检查this one .

试试上面的代码片段。更多信息 HERE .

<!DOCTYPE html>
    <html>
    <head>
    <script src="//p.jwpcdn.com/6/8/jwplayer.js"></script>
    <script>jwplayer.key="CKjOe06GxAOe3Dj9NaWPCQKtqvqQdyFV8z9wsg==";</script>
    <script src="//files.streamroot.io/release/latest/api.js"></script>
    <script src="//files.streamroot.io/release/latest/wrappers/jwplayer/6.8/streamroot.wrapper.min.js"></script>
    </head>
    <body>
        <div id="streamrootPlayer" class="video"></div>
    <script>
    jwplayer("streamrootPlayer").setup({
        playlist : [
            { // PLACE YOUR MANIFEST URL HERE
                file: "http://media.streamroot.io/dash/examples/snow15/snowboard1_720p_dash.mpd",
                type: "video/dash"
            },
            { // MP4 VOD Stream - fallback for old browsers and devices
                file: "http://content.jwplatform.com/videos/HkauGhRi-640.mp4",
                type: "video/mp4"
            }
        ],
        logo: {
            hide: true,
            file: ""
        },
        autostart: 1,
        streamrootplayer: "http://files.streamroot.io/release/latest/wrappers/jwplayer/6.8/jwplayer.streamroot.js",
        srflashplayer : "http://files.streamroot.io/release/latest/wrappers/jwplayer/6.8/jwplayer.srflash.swf",
        sr_options: {
            ID_CLIENT : "ry-1t3stst12",
            DEBUG: true    
        }
    });
    </script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/rickshaw/1.4.6/rickshaw.min.js"> </script>
        <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/rickshaw/1.4.6/rickshaw.min.css">
        <script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.9/d3.min.js"> </script>
        <script src="http://files.streamroot.io/release/latest/scripts/p2pGraph.js"></script>
    </body>
    </html>

关于javascript - 如何安装JW Player 7.1，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32657614/

25 4 0
文章推荐： javascript - 看到元素时滚动功能激活
文章推荐： mysql - 从sql数据库检索图像并将其放入datalist
文章推荐： php - 加载页面时未定义索引
文章推荐： javascript - 将指令属性分配给模板中的元素
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com