Installation Guide For Live Stream Plugin

How to install Guide

Attach the plugin to WoWonder.

Step 1

Copy all the files & folders from Plugin folder to your /public_html/ directory where is located your wowonder files.


[assets]
[vy-livestream]
[themes]
*vy-livestream-cmd.php

Step 2

If you use apache, Open your .htaccess file, and find the code from below.


RewriteCond %{REQUEST_FILENAME} !-d

After this add the following code.


# Live Plugin
RewriteRule ^livestream$ vy-livestream-cmd.php [QSA]
RewriteRule ^watchstream$ vy-livestream-cmd.php?cmd=watchstream [QSA]
Redirect 301 /live /livestream
RewriteRule ^livestream/g/([^\/]+)(\/|)$ vy-livestream-cmd.php?group_id=$1 [NC,QSA]
RewriteRule ^livestream/p/([^\/]+)(\/|)$ vy-livestream-cmd.php?page_id=$1 [NC,QSA]
RewriteRule ^livestream/up$ vy-livestream-cmd.php?cmd=blueimpupload [NC,QSA]
RewriteRule ^livestream/u/(.*)$ vy-livestream-cmd.php?cmd=openuser&id=$1 [NC,QSA]

If you use nginx, Open your nginx.conf file, and add the code from below.


location = /live { return 301 /livestream; } 
rewrite ^/livestream$ /vy-livestream-cmd.php;
rewrite ^/watchstream$ /vy-livestream-cmd.php?cmd=watchstream;
rewrite ^/livestream/g/([^\/]+)(\/|)$ /vy-livestream-cmd.php?group_id=$1;
rewrite ^/livestream/p/([^\/]+)(\/|)$ /vy-livestream-cmd.php?page_id=$1;
rewrite ^/livestream/up$ /vy-livestream-cmd.php?cmd=blueimpupload;
rewrite ^/livestream/u/(.*)$ /vy-livestream-cmd.php?cmd=openuser&id=$1;

Step 3

Open your wowonder container.phtml file. You can find it here:


 /themes/YOUR_THEME/layout/container.phtml

Go to end of file.. and above of below code:


   </body>
</html>

Add this code:

If you already using our Messenger plugin, please add the following code below messenger code:



	<?php 
	if ($wo['loggedin'] == true) {
		// Live stream plugin
		include(getcwd().'/vy-livestream/assets.html');
	}
	?>

Step 4

Now please open this file > /themes/YOUR_THEME/layout/story/includes/post-layout.html (only wowonder and sunshine theme, for wondertag scroll little bit down), Find the code from below:



<!-- postPhoto -->

For Wondertag theme, please find:



  		<?php include 'shared_post.phtml'; ?>

After add the following code:




    <!-- vy live stream -->
    <?php 
    
    if($current_post['vy-live'] == 'yes')
      include(getcwd().'/vy-livestream/layout/post_layout.html');
    
    ?>

Step 5

Open file /themes/YOUR_THEME/layout/story/includes/header.html (only wowonder and sunshine theme, for wondertag scroll little bit down) and find the code from below:

<?php if ($wo['story']['recipient_exists'] == true) {  ?>
<i class="fa fa-arrow-right">

For Wondertag theme, please find:



  	<?php if ($wo['story']['recipient_exists'] == true) {  ?>
	<span class="fs-14"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" style="margin: -2px 0 0;"></svg> </span>

On top this line of code add the following code:



<?php 				 
if ($wo['story']['vy-live'] == 'yes') { 
	$vy_lv = new LIVE_STREAM;
	$broadcast_data = $vy_lv->getBroadcastData($wo['story']['id']);
	?>
    <span><span style="color: #666;" class="was_live_text_<?php echo($wo['story']['id']) ?>"><?php echo ($broadcast_data['islivenow'] == 'yes' ? $wo['lang']['is_live'] : $wo['lang']['was_live']); ?></span></span>
<?php } ?>

Step 6

Open file /assets/init.php and add the following line of code at the end of the file:

// include Live stream
if( file_exists(getcwd().'/assets/vaneayoung/LiveStream/classes/class.LiveStream.php'))
require_once('vaneayoung/LiveStream/classes/class.LiveStream.php');

Step 7 (optional) [settings]

Go to /assets/vaneayoung/LiveStream/ini/config.ini file, and add your settings:


;<?php die('Direct access not allowed ;') ?>
;The above is for security, do not remove

[purchase code]
st__PURCHASE_KEY = YOUR_PURCHASE_KEY

[THEME]
st__ORIGINAL_THEME_NAME = "wondertag"; // #IMPORTANT Please enter your original theme name (wondertag,wowonder,sunshine)


[TIMEZONE]
timezone = "Europe/Berlin"

[wowonder tables]
tbl_users 		=	"`Wo_Users`"
tbl_comments 		= 	"`Wo_Comments`"
tbl_notif 		= 	"`Wo_Notifications`"
tbl_pages 		=	"`Wo_Pages`"
tbl_groups 		=	"`Wo_Groups`"
tbl_posts 		= 	"`Wo_Posts`"

[plugin tables]
tbl_vy_lv_broadcasts 	= 	"`vy_live_broadcasts`"
tbl_vy_lv_config 	=	"`vy_live_conf`"


[plugin location]
st__PLUGIN_ASSETS = "/vy-livestream" ;

[default blank cover]
st__DEFAULT_BLANK = "/vy-livestream/blank.png";

[ffmpeg]
st__ffmpeg_path = "/usr/bin/ffmpeg"; # define ffmpeg location [ $ whereis ffmpeg ]

[sounds]
st__success = "sounds/success.mp3";
st__countdown2 = "sounds/countdown2.mp3";
st__countdown = "sounds/countdown.mp3";
st__clickuibut = "sounds/clickuibut.mp3";
st__openpopup = "sounds/openpopup.mp3";

[storage]
st__STORAGE_DIR = "upload/vy-streams-media"; # the path where to save all the broadcast records
st__recording = 1; # record bool true|false
st__record_type = ".mp4"; # allowed format > [.mp4 or .webm], record video format webm or mp4 [this is only for local device streaming not for OBS]
st_mp4_high_quality = 0; #  this only works if record_type option is set to .mp4 value,
		             # if you enable this to true the video size will increase x4, 
			     # for example a 1 minute video size will be almost 100MB


[settings]
st__obs_enabled = 1; # OBS ENABLED TRUE / FALSE
st__away_desktop = 0; # IF USER STREAMING FROM PC (DESKTOP) enable disable Away feature ( by default away feature is enabled only for mobiles )
st__audioBitsPerSecond = 128000; # AUDIO BITS PER SECOND
st__videoBitsPerSecond = 2500000 ;# VIDEO BITS PER SECOND
st__fr_miliseconds = 1000 ;# the number of milliseconds to record into each Blob
st__stream_secret = "nodemediavylivestream2022" # stream secret, any word
st__stream_prefix = "VY" #  stream key prefix
st__app_name = "live"; # define app name, you can leave it as default
st__hls = true; # hls bool true/false
st__hlsFlags = "[hls_time=2:hls_list_size=3:hls_flags=delete_segments]"; # hls options
st__dash = true; # dash bool true/false
st__dashFlags = "[f=dash:window_size=3:extra_window_size=5]"; # dash options
st__mp4Flags = "[movflags=faststart]"; # mp4 options

Step 8

Please go to folder cr_turnserver, open file turnserver.json and populate these 3 lines:

      {
         "urls":"turn:YOUR_TURN_SERVER_URL:PORT", 
         "username":"YOUR_TURN_SERVER_USERNAME", 
         "credential":"YOUR_TURN_SERVER_CREDENTIAL" 
      }

Step 9

Now please go to your phpmyadmin and upload the SQL file

database.sql

Step 10

The last step, you have to go to https://liveplugin.kontackt.de/setup.html and complete all the fields to get your Nodejs Application Server directly via your email.

https://liveplugin.kontackt.de/setup.html

STUN/TURN SERVER CONFIGURATION.

We Recommend to configure your own STUN/TURN SERVER, to do this you must run at least VPS.

Full Documentation URL: https://www.webrtc-experiment.com/docs/TURN-server-installation-guide.html#top

“Live Stream Add-on For WoWonder” Documentation by “Vanea Young” v1.1

“Live Stream Plugin For WoWonder”

How to install Guide