Flowplayer не показывает аудиоплеер - PullRequest
Новая
       12

Flowplayer не показывает аудиоплеер

1 голос
/ 22 февраля 2011

Я пытаюсь разместить видео и аудио на html-странице. У меня вроде видео работает нормально, но звук не отображается. Любая помощь будет оценена

http://www.wholesalewealthmachine.com/abc/

        <div id="video" style="border: 1px solid rgb(204, 204, 204); width: 490px; height: 385px; margin:0 auto;">
                    <a  href="http://wholesaletoriches.com/newthankyouvideos/wwm new thankyou final/wwm new thankyou final.mp4"     style="display:block;width:470px;height:365px;padding:10px;"    id="player"> </a>
                                         <script type="text/javascript">
                                         flowplayer("player", "flowplayer-3.2.2.swf",{
                                        plugins: {
                                            controls: null

                                            },                                              
                                                canvas: {backgroundColor: '#ffffff',backgroundGradient: "none"}
                                                ,
                                        clip: {
                                            url: 'http://wholesaletoriches.com/newthankyouvideos/wwm new thankyou final/wwm new thankyou final.mp4'
                                            },
                                            onLoad: function() {
                                            this.setVolume(100);
                                            }}
                                            );
                                            </script> 

    </div>

    <div id="audio" style="width:750px;height:30px;display:block">
<a href="http://releases.flowplayer.org/data/fake_empire.mp3" style="display:block" id ="player1"></a>
<script language='javascript'>

  $f("audio", "http://releases.flowplayer.org/swf/flowplayer-3.2.6.swf", {

// fullscreen button not needed here
plugins: {
    controls: {
        fullscreen: false,
        height: 30,
        autoHide: false
    }
},

clip: {
    autoPlay: false,

    // optional: when playback starts close the first audio playback
    onBeforeBegin: function() {
        $f("player").close();
    }
}

   });
   </script>
</div>

Ответы [ 3 ]

2 голосов
/ 23 февраля 2011

Вам нужно выбрать плагин Flowplayer Audio из http://flowplayer.org/plugins/streaming/audio.html

, а затем добавить его в параметры ваших плагинов 

plugins:{  audio:  { url: "http:/yourpathtotheaudioplugin/flowplayer.audio.swf"}  }
1 голос
/ 16 августа 2011

Кредит GraemeLeighfield на http://flowplayer.org/forum/2/47848

$ f не работает.Вместо использования $ f используйте flowplayer.Таким образом, он должен выглядеть следующим образом:

flowplayer ("audio", "http://releases.flowplayer.org/swf/flowplayer-3.2.6.swf", {...

) Об этой проблеме и ее исправлении было сообщено на форуме Flowplayer всего год назад. (см. ссылку) Насколько я могу судить, разработчики Flowplayer не обновили свою документацию. У меня была та же проблема, что и у Graeme. Выложенное им исправление решило эту проблему для меня.

0 голосов
/ 14 июля 2013

У меня были проблемы с работой вне сайта.Лучше всего, если вы загрузите код из flowplayer и загрузите их на свой сервер.

Аудио часть: http://flash.flowplayer.org/plugins/streaming/audio.html Прокрутите страницу вниз и загрузите 3 файла flowplayer.audio-3.2.10.swf
flowplayer.audio-3.2.10.zip
flowplayer.audio-3.2.10-src.zip

Поместите их в корневой каталог. (Ex.) Flow-Player-Audio

Поместите этот скрипт в голову. 

<script type="text/javascript"
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js">
</script>

<script src="http://www.domain.com/Flow-Player-Audio/flowplayer-3.2.6.min.js"></script>



<!-- set up player container  -->
<a id="mb" style="display:block;width:250px;height:30px;"
href="http://www.domain.com/audio/something.mp3 or mp4"></a>

<script type="text/javascript">
// install flowplayer into container
$f("mb", "http://www.domain.com/Flow-Player-Audio/flowplayer-3.2.7.swf", {

// fullscreen button not needed here
plugins: {
    controls: {
        fullscreen: false,
        height: 30,
        width: 250,
        autoHide: false
    }
},

clip: {
    autoPlay: false,
    // optional: when playback starts close the first audio playback
    onBeforeBegin: function() {
        $f("player").close();
    }

   }

 });
</script>

Для видео

загрузка http://flash.flowplayer.org/download/

захват Скачать ZIP и исходный код

место вSWF-файл на сервере

файлы сценариев 

      <!-- 1. jquery library -->
     <script type="text/javascript"
      src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js">
     </script>

     <!-- 2. flowplayer -->
     <script type="text/javascript" src="js/flowplayer.js"></script>

     <!-- 3. skin -->
     <link rel="stylesheet" type="text/css" href="skin/minimalist.css" />

, а затем просто добавьте теги своего видео.

...