Audio Stream Page Tutorial    
This topic is assigned to Victor Robu

May 17, 2013 09:41 AM

                                                  Audio Stream Page Tutorial



In this tutorial I will show you how to use the Audio Stream Page type. 

In order to add a new Audio Stream Page to your app, go to Edit Pages menu then click the "+" (Add New Page) button. From the list of the page types available select Audio Stream and click the "Create" button.




                    Once the page is added, you are able to proceed with editing it.



1) Here you can set a cover image. The cover image can be any size (PNG or JPEG)


2) The stream title will appear on the bottom of the page. You can set any title.


3) Here you can set an Audio Stream link. The Audio Stream link can be any mp4 or mp3 file. An example of a streaming link is http://www.jplayer.org/audio/m4a/TSP-01-Cro_magnon_man.m4a .

Note that for iOS you can use also Radio Streaming links (e.g. http://96.224.240.97:8000/stream/1/) and direct links to media files uploaded in the Resource Manager of the App. So if you uploaded a media file in the Resource Manager (see the next screen image) you can set only the name of the file in this field. 

You may upload media files up to 25 MB size each. 


 

                                              For iOS you can just set the name of the media file.

 



 If you want to stream a media file on Android platform from the Resource Manager, you will have to use this link format:  


http://seattleclouds.com/myapplications/Username/AppID/Media_File_Name .

This link format will work also for iOS platform.


 Note that on Android platform the Audio Stream page will always work in background mode even if you exited the app using the "back" button. 

                                 Now let's see how the page looks on a device:                                   

   iOS                                                        Android

 


                                                      The minimal Android version supported is 4.0

                                                      The minimal iOS version supported is 6.0



best regards,

Victor,

SC Team


the link format for android doesnt work


May 20, 2013 08:55 AM
how can you have the audio stop playing, when you leave the audio streaming page, automatically?


May 22, 2013 01:17 PM
Hello Sevens,


This page type was specially created to work in background mode. But you can disable it during the submission process (last page).

best regards,
Victor.


Jun 02, 2013 05:52 AM
Hello.
in my Android App and it work fine in the preview SC APP. But will it work on a android phone in flight mode whit no internet connection ??? The link point to SC server? and not directly on the file bundle in the native App ?

Regards - Jannik


Jun 04, 2013 05:17 AM
Hello Jannik,


Unfortunately this page type will not work in offline mode on Android, only on iOS. As an alternative solution you may use one of our Audio(Video) URL schemes from here: 
 http://seattleclouds.com/custom-url-schemes . The Background , xaudio and xvideo URL schemes will work in offline mode.

best regards,
Victor,
SC Team.


Jun 05, 2013 10:39 AM
Thanks Victor.
But I need the repeat function on the audio track. How du I make a repeat function when I use background play ??? I have asked before and got an answer but never got it to work on android.

Jannik



Jul 19, 2013 12:30 PM
Is there any way to adjust the jplayer skin?  The purple does not go with my graphics.  Any advice would be appreciated to be able to incorporate other already available jPlayer skins OR ways to at least change the color/font of the jplayer skin we have.

Thanks,
Mike


Oct 02, 2013 11:32 AM
Michael,


Yes, you may change the skin. The skin for the jPlayer is a Jpeg image: http://seattleclouds.com/myapplications/Viteal/0011/jplayer.pink.fl... .Upload any other skin image with the same dimensions directly in the Resource Manager.

best regards,
Victor,
SC Team.  


Oct 27, 2013 09:57 AM
is there a way that make the whole page ( cover AND player ) to stretch to use full screen for client device what ever the dimension they use ?

( example )

if client use a small screen size ( 480 x 800 ) and other one use big tablet ( 1600 x 2560 )

anyway that we make the audio player page to use EXACT full screen for both ? and if so what cover pic dimensions will be the best ?



Nov 05, 2013 10:17 AM
Hello Walas,


You may use different CSS techniques to adjust the comer image for all screens. I would recommend to use a large resolution image (but not too heavy) and it will fit on most device screens.

best regards,
Victor,
SC Team.


Nov 13, 2013 08:18 PM
I think I have a related question on this - is it possible to embed the mp3 so that it plays whether an android is connected to the internet or not?

If it is - how may this be done?


Nov 15, 2013 03:44 AM
Carolyn,


You can do that with the Audio Play Page type.


Once you added this page in your app, upload a media file in the resource manager (for example test.mp3)



Then just set the name of the media file in the Edit Mode of the page.


This will work on all Android devices starting with 2.3 

best regards,
Victor,
SC Team.
hye.. i want the audio stream function working offline.. how can i do that?


Dec 05, 2013 01:38 AM

Hi, How can I use my app for online radio streaming. Can anyone help.

Thanks.

Paul



Dec 05, 2013 04:48 AM
Hello Paul,


I have answered the ticket related you have opened. Please check on it. I have explained you step by step how to get and use a direct streaming URL.

best regards,
Victor,
SC Team.


Dec 09, 2013 01:32 PM
Victor-

I tried to upload the new skin for jplayer http://jplayer.org/latest/jPlayer.Blue.Monday.2.5.0.zip

and uploaded the .css, the .jpg and the other two files seeking.gif and video.play into the resouce manager.  Then I deleted the old Pink files.  Now I realize I should just renamed those .css. .jpg files etc so they would be properly referenced.  Is there a better way to go (can I edit the .js files to pick up the new skin files).  Can you resend me the old pink files so I can re-upload (or at least give me the names so I can rename the blue monday ones with the old file names?

Please advise,
Mike


Dec 24, 2013 08:43 AM
Michael,


At the moment there is no easier way but we will add one. The default files can be downloaded once you create a new Audio Stream page in another app. You can download the files from Resource Manager.

best regards,
Victor,
SC team.

    1 2 3   next