This is a message.

Unable to stream and use iPhone and Firefox Created Jun 12, 2011

This thread is solved

Views: 2273     Replies: 6     Last reply Jan 17, 2012  
You must login first before you can use this feature

mfuller526

Posts: 6

Registered:
Apr 26, 2011

Unable to stream and use iPhone and Firefox

Posted: Jun 12, 2011

The following code gives the error:

Firefox (4.0.1) doesn't know how to open this address, because the protocol (rtmp) isn't associated with any program.

I simply want a video to work on my laptop and iPhone like the FP demos. I have successfully streamed a test FP with the additional ipad reference. My understanding is FP should fallback without the additional plugin. Any help GREATLY appreciated. Please be specific and "step by step". I'm not a programmer. Thanks!!!

<p>this is streaming video h.264 with ipad call</p>
<p> <!-- specify a splash image inside the container --> <img src="images/bethel/video/testflowsplash425300.jpg" border="0" alt="Search engine friendly content" /> </p>
<script type="text/javascript">// flowplayer("ipad", http://bethelchristianfellowship.info/joomla/plugins/system/flowplayer_r/players/flowplayer-3.2.7.swf",.ipad() {


clip: {
autoPlay: false,
scaling: "fit",
bufferLength: 3
, provider:'rtmp'
} ,

canvas: {

} ,
screen: {

} ,
play: {

},
plugins: {
rtmp:{
url:'http://bethelchristianfellowship.info/joomla/plugins/system/flowplayer_r/swfplugins/flowplayer.rtmp-3.2.3.swf'
,
netConnectionUrl:'rtmp://bethelchristianfellowship.info/archive'
}
}

});
// ]]></script>
<script src="plugins/system/flowplayer_r/swfplugins/flowplayer.ipad-3.2.2.js"></script>

Christian Ebert
Flowplayer support

Posts: 3024

Registered:
May 27, 2008

» Unable to stream and use iPhone and Firefox

Posted: Jun 12, 2011

Reply to: Unable to stream and use iPhone and Firefox, from mfuller526
In the case of rtmp streaming this simple fallback does not work. The rtmp protocol is Flash only which is not supported by iOS. Therefore the video file must also accessible via http.

Your best (or easiest) bet is therefore to use the ipad plugin. Among other things it provides the ipadUrl clip configuration parameter, with which you can specify a different clip url to played on iOS devices. But make sure you have the line where you source the script in the head section of your page, or at least before the Flowplayer installation. Then your code should roughly look like this (paths shortened for readability):


<head>
<!-- ... -->
<script type="text/javascript" src="/path/to/flowplayer-3.2.6.min.js"></script>
<script type="text/javascript" src="/path/to/flowplayer.ipad-3.2.2.min.js"></script>
</head>
<body>
<a href="mp4:mymovie" id="ipad"><img src="splash.jpg" /></a>



flowplayer("ipad", "/path/to/flowplayer-3.2.7.swf", {
  clip: {
    // autoPlay: false, // not needed with splash image
    scaling: "fit",
    // bufferLength: 3, // default, omit
    provider: "rtmp",
    // http accessible address of movie
    ipadUrl: "http://example.com/mymovie.mp4"
  },
  plugins: {
    rtmp: {
      // filename of plugin is sufficient when the plugin resides
      // in the same directory as flowplayer-3.2.7.swf
      url: "flowplayer.rtmp-3.2.3.swf",
      netConnectionUrl: "rtmp://bethelchristianfellowship.info/archive"
    }
  }
}).ipad(); // chain ipad call directly to flowplayer function

With ipadUrl given the ipad plugin takes care that rtmp is not tried on iOS devices.


mfuller526

Posts: 6

Registered:
Apr 26, 2011

Firefox works but no iPhone

Posted: Jun 15, 2011

Reply to: » Unable to stream and use iPhone and Firefox, from blacktrash
Thank you for your well commented reply! I wanted things to work before writing but after many, many hours, no luck. The video plays on my web page, but I get a black screen when trying to play on my iPhone. I have the 3.2.2.js in the head. Ultimately I want RSS external vertical scroll but I'm trying one step at a time. Here's my page and code. Hope you can help. Thanks!

http://bethelchristianfellowship.info/joomla/sermons/video3test.html

<p>this is streaming video h.264 with ipad call</p>
<p> <!-- specify a splash image inside the container --> <img src="images/bethel/video/testflowsplash425300.jpg" border="0" alt="Search engine friendly content" /> </p>
<script type="text/javascript">// flowplayer("ipad", http://bethelchristianfellowship.info/joomla/plugins/system/flowplayer_r/players/flowplayer-3.2.7.swf", {


clip: {
// autoPlay: false, // not needed with splash image
scaling: "fit",
// bufferLength: 3, // default, omit
provider:'rtmp',
// http accessible address of movie
ipadUrl: http://bethelchristianfellowship.info:1935/archive/mp4:DrumKit1TestFlowplayer.m4v/playlist.m3u8"
} ,

canvas: {

} ,
screen: {

} ,
play: {

},
plugins: {
rtmp:{
// filename of plugin is sufficient when the plugin resides
// in the same directory as flowplayer-3.2.7.swf
url:'http://bethelchristianfellowship.info/joomla/plugins/system/flowplayer_r/swfplugins/flowplayer.rtmp-3.2.3.swf',
netConnectionUrl:'rtmp://bethelchristianfellowship.info/archive'
}
}

}).ipad(); // chain ipad call directly to flowplayer function
// ]]></script>

Christian Ebert
Flowplayer support

Posts: 3024

Registered:
May 27, 2008

» Firefox works but no iPhone

Posted: Jun 16, 2011

Reply to: Firefox works but no iPhone, from mfuller526
You need a devel version of the ipad plugin to handle m3u8 files. You can grab it from here:
http://flowplayer.blacktrash.org/test/flowplayer.ipad-dev.js

I made a working demo for you:
http://flowplayer.blacktrash.org/test/bethel.html

mfuller526

Posts: 6

Registered:
Apr 26, 2011

Ta-dah!!!

Posted: Jun 16, 2011

Reply to: » Firefox works but no iPhone, from blacktrash
At last it works! Thanks! Wish Flowplayer had this version ipad plugin clearly displayed for novices. Now on to my next challenge...playlists. Thanks again...BIG TIME!