1. Start
  2. Description
  3. Installation procedure
  4. File Structure
  5. Links and content
  6. Image Albums
  7. Logo & Images
  8. Redirects & Components
  9. Changelog
  10. Further Information

phpVibe Mobile

v1.0 (Initial release)


Description


phpVibe Mobile is a stand-alone product (not a phpVibe addon) a simple mobile cms based on Youtube API.

It takes care of building up a mobile video cms for you in seconds.

Requirements:

Even if this are pretty standard for a new server, please make sure your hosting has all this requirements.
If you miss any of this upgrade your apache via apache server upgrade to include them or contact your hoster!

Installation procedure


Step 1 : Unpack!

Unpack you phpVibe Mobile copy to a folder on your hard drive.

Step 2 : Configure

Open the file settings.php with a Notepad++ and follow the explanations (comments) to configure phpVibe Mobile.
Browse online the sample config file at pastebin.com/Xr1Y2kr7 (for web docs browsers)

Developer key may help increase the number of requests permited to Youtube. For more information read this section Developer Key

Step 3 : Upload

Copy the entire folder "Upload My Content" on your server.

Please chmod all this folders to 777:

The permissions of folder "../cache/" set to 0777
The permissions of folder "../cache/thumbs/" set to 0777

File structures and descriptions


/albums

Main container for the albums directories.

/cache

Saves locally youtube requests in files, updates every day.

/img

Script's images.

/js

Script's javascript files.

/style

CSS style files.

/tpls

Holds most of the content parsers, if you need to edit something, for sure it's in here (except albums).

/youtube_api.php

Youtube class used to gather video informations.

/thumb.php

Timthumb, used to resize album images.

/search.php

Search class, it's styled in tpl/search_tpl.php.

/rss.php

Feed generator page.

/index.php

Main page, does the work of figuring out which page to load, Homepage is in tpl/homepage.php.

/cache.php

Cache generator class.

/albums.php

Handles ALL album/images related operations.

Template folder files

tpl/videos.php

All videolists content passes trought here.

tpl/video.php

Main video display (single video).

tpl/search_tpl.php

All searched content passes trought here.

tpl/pagination.php

Pagination class (displays links to pages when needed).

tpl/homepage.php

Main page design.

tpl/header.php

The top of the website, included in all pages.

tpl/footer.php

The bottom of the website, included in all pages.

tpl/channels.php

Retrives and displays a list of Youtube's channels .

tpl/channel.php

Retrives and displays a list of videos from a specific Youtube channel .

tpl/404.php

Warnning message when video misses id (just in case) .

Building content is as simple as linking to a specific Youtube feed


Check posible combinations to retrieve videos and time frames here. Since a mobile website it's mainly based on his frontpage/menu content, you can add as many feeds as you like in tpl/homepage.php Example:
  • icon
  • icon
  • icon
  • icon
  • icon
  • icon
  • icon
  • added to the already existing list:
    
     
    will populate your homepage like VideoInedit's mobile homepage.

    Basically every link follows a structure which is a Youtube query:
    ?sk=videos&list={Youtube FEED}&time={TIMESTAMP}
      

    Images and albums


    We have added this small standard plugin in roder to offer you the posibility to upload and showcase images on your mobile website.

    The albums are automaticly generated from the folder /albums.

    All you need to do is create a new folder with the album name, ex:

    	 Mariah-Carrey	
     	Aerosmith 	  

    and upload your pictures.

    The title will be parsed from the album's folder title, "-" will be turned to space so that " Mariah-Carrey" folder be converted into " Mariah Carrey" title for the album.

    Changing logos and icons


    The logo

    is located at img/logo.png and coded in tpl/header.php, changing the image size will require changing the html to the new size.

    
    

    The icons

    are located at

    /img/bigicons/

    Redirect to Mobile


    A simple redirect is (all 3 code zones form a single code):
    $useragent=$_SERVER['HTTP_USER_AGENT'];
    
    Detect visitor's browser.
    if(preg_match('/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i',substr($useragent,0,4))){
    
    Check if it is mobile.
    header('Location: http://phpvibe.mobi'); }
    
    Redirect if it's mobile. Make sure you change the link to your actuall link

    Classes (probably better redirects and detections)


    Mobile Device Detection PHP Mobile Device Detect

    Wordpress plugins


    Wordpress Mobile Redirect Plugin
    Source Redirect Site Pro for WordPress

    Changelog


    Version 1.0

    Initial release
    

     

    Further Information


    For further information about phpVibe visit:


    Advanced documentation and developer documentation


    Will be available soon. Including new themes and theme creation tutorials.
    So make sure you stay updated by visiting our website & forum!

    And you may want to check Feedback & Showcase for a chance to win our future products for free or/and extended licences.

    Thank you for being a part of the wonderfull phpVibe community!