Воспроизведение потокового видео в реальном времени

Я пытаюсь воспроизвести потоковое видео в реальном времени с помощью строб-плеера, но во время воспроизведения ничего не отображается. Я понятия не имею, где ошибка. Мне нужно воспроизводить потоковое видео в режиме воспроизведения строб-медиа, мой код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Device Detection Test</title>
        <style type="text/css">
            body {
                font-family: sans-serif;
            }
            .movie {
                width: 100%;
                clear: both;
            }
            .movie div.thumb {
                float: left;
                margin-right: 10px;
                cursor: pointer;
                border: solid 1px blue;
            }
            .movie div.details {
                width: 100%;
                height: 100%;
            }
            .movie div.details p.title {
                font-weight: bold;
                cursor: pointer;
            }
            .movie div.details p.desc {
                font-weight: normal;
            }
            </style>
        <link type="text/css" rel="stylesheet" href="lib/jquery.strobemediaplaybackhtml5.css"/>

        <script type="text/javascript" src="lib/swfobject.js"></script>
        <script type="text/javascript" src="lib/profiles.js"></script>
        <script type="text/javascript" src="lib/devicedetection.js"></script>
        <script type="text/javascript" src="lib/jquery/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="lib/jquery-ui-1.8.14.custom.min.js"></script>
        <script type="text/javascript" src="lib/jquery.strobemediaplaybackhtml5.js"></script>
        <script type="text/javascript" src="lib/StrobeMediaPlayer.js"></script>

        <script type="text/javascript" src="file:///C:/Users/Faizan/workspace/cordova.js" ></script>


        <script>
            var movies = [
                          {
                          "flashvars":{"poster":"http://www.osmf.org/dev/1.6gm/images/poster1.png", "src":"http://players.edgesuite.net/videos/big_buck_bunny/bbb_448x252.mp4"}, 
                          "element":"clipContainer0"
                          },
                          ];

            $(function() {
              for (i = 0; i < movies.length; i++) {
              strobeMediaPlayback.flashvars(movies[i]["flashvars"]);
              strobeMediaPlayback.draw(movies[i]["element"]);
              }
              });

            </script>
    </head>
    <body>
        <div>
           Strobe Media Playback
        </div>
        <div id="movie0" class="movie">
            <div class="thumb">
                <div id="clipContainer0"></div>
            </div>
            <div class="details"><p class="title">Video One</p><p class="desc">Video one description.</p></div>
        </div>

    </body></html>'

измените порядок и путь cordova.js, но видео пока не отображается:(

Источник

1 ответ

Порядок в библиотеке js, похоже, неправильный! проверьте этот новый порядок библиотеки JS.

    <script type="text/javascript" src="lib/jquery/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="lib/jquery-ui-1.8.14.custom.min.js"></script>
    <script type="text/javascript" src="lib/swfobject.js"></script>
    <script type="text/javascript" src="lib/profiles.js"></script>
    <script type="text/javascript" src="lib/devicedetection.js"></script>
    <script type="text/javascript" src="lib/jquery.strobemediaplaybackhtml5.js"></script>
    <script type="text/javascript" src="lib/StrobeMediaPlayer.js"></script>

Кроме того, я не уверен в этой строке:

 <script type="text/javascript" src="file:///C:/Users/Faizan/workspace/cordova.js" ></script>

Я думаю

 <script type="text/javascript" src="cordova.js" ></script>

является правильным, если вы используете сборку PhoneGap.

Источник
Другие вопросы по тегам