BuddyPress.org

You might have to connect buddypress with social logins like Facebook. Facebook users are people over 13 years. those are the terms and conditions when you create a facebook account

@jmont246 BuddyPress does not have any shortcodes inbuilt, you only have to configure page mapping once https://codex.buddypress.org/getting-started/configure-components/

Your iframe needs a parent to be shown, twitch doesn’t allow live streams to be shown in embeds without it. Here’s an example:

<iframe src="https://player.twitch.tv/?channel=NAMEOFCHANNEL&parent=www.yourwebsite.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>

Otherwise you could always do something like this and alter the buddypress member templates to fit it whereever you want.

<?php 
global $bp;
$user_id = get_the_author_id();
//Fill out the PROFILE FIELD NAME with your own field name
$Twitch_Data = xprofile_get_field_data( 'PROFILE FIELD NAME', $user_id );

if ( ! empty( $Twitch_Data) ) {
?>

<div id="twitch-embed"></div>

<script src="https://player.twitch.tv/js/embed/v1.js"></script>
<script type="text/javascript">
  new Twitch.Player("twitch-embed", {
     channel: "<?php echo $Twitch_Data ?>"
  });
</script>

<?php } ?>

The user would then go ahead and fill in their own channel name in the Buddypress profile field you’ve provided for them.

Hi All,
I googled a lot and read many posts but found no code snippet to show member names along the profile avatars of the BP Recently Active Members widget. So i created my own widget and that is super easy to do. I took the core class of the above widget did a single line modification to display names also and registered it as a widget through functions.php
Just paste the below code in functions.php of your child theme and it will work.

class wpb_widget extends WP_Widget {

function __construct() {
parent::__construct(

// Base ID of your widget
‘wpb_widget’,

// Widget name will appear in UI
__(‘Recently Active Member Custom’, ‘wpb_widget_domain’),

// Widget description
array( ‘description’ => __( ‘Sample widget based on WPBeginner Tutorial’, ‘wpb_widget_domain’ ), )
);
}

// Creating widget front-end

public function widget( $args, $instance ) {
global $members_template;

// Get widget settings.
$settings = $this->parse_settings( $instance );

/**
* Filters the title of the Recently Active widget.
*
* @since 1.8.0
* @since 2.3.0 Added ‘instance’ and ‘id_base’ to arguments passed to filter.
*
* @param string $title The widget title.
* @param array $settings The settings for the particular instance of the widget.
* @param string $id_base Root ID for all widgets of this type.
*/
$title = apply_filters( ‘widget_title’, $settings[‘title’], $settings, $this->id_base );

echo $args[‘before_widget’];
echo $args[‘before_title’] . $title . $args[‘after_title’];

$max_limit = bp_get_widget_max_count_limit( __CLASS__ );
$max_members = $settings[‘max_members’] > $max_limit ? $max_limit : (int) $settings[‘max_members’];

// Setup args for querying members.
$members_args = array(
‘user_id’ => 0,
‘type’ => ‘active’,
‘per_page’ => $max_members,
‘max’ => $max_members,
‘populate_extras’ => true,
‘search_terms’ => false,
);

// Back up global.
$old_members_template = $members_template;

?>

<?php if ( bp_has_members( $members_args ) ) : ?>

<div class=”avatar-block”>

<?php while ( bp_members() ) : bp_the_member(); ?>

<span class=”item-avatar”>
” class=”bp-tooltip” data-bp-tooltip=”<?php bp_member_name(); ?>”><?php bp_member_avatar(); ?>
” class=”bp-tooltip” data-bp-tooltip=”<?php bp_member_name(); ?>”><?php bp_member_name(); ?>
</span>

<?php endwhile; ?>

</div>

<?php else: ?>

<div class=”widget-error”>
<?php esc_html_e( ‘There are no recently active members’, ‘buddypress’ ); ?>
</div>

<?php endif; ?>

<?php echo $args[‘after_widget’];

// Restore the global.
$members_template = $old_members_template;
}

/**
* Update the Recently Active widget options.
*
* @since 1.0.3
*
* @param array $new_instance The new instance options.
* @param array $old_instance The old instance options.
* @return array $instance The parsed options to be saved.
*/
public function update( $new_instance, $old_instance ) {
$instance = $old_instance;

$max_limit = bp_get_widget_max_count_limit( __CLASS__ );

$instance[‘title’] = strip_tags( $new_instance[‘title’] );
$instance[‘max_members’] = $new_instance[‘max_members’] > $max_limit ? $max_limit : intval( $new_instance[‘max_members’] );

return $instance;
}

/**
* Output the Recently Active widget options form.
*
* @since 1.0.3
*
* @param array $instance Widget instance settings.
* @return void
*/
public function form( $instance ) {
$max_limit = bp_get_widget_max_count_limit( __CLASS__ );

// Get widget settings.
$settings = $this->parse_settings( $instance );
$title = strip_tags( $settings[‘title’] );
$max_members = $settings[‘max_members’] > $max_limit ? $max_limit : intval( $settings[‘max_members’] );
?>

<p>
<label for=”<?php echo $this->get_field_id( ‘title’ ); ?>”>
<?php esc_html_e( ‘Title:’, ‘buddypress’ ); ?>
<input class=”widefat” id=”<?php echo $this->get_field_id( ‘title’ ); ?>” name=”<?php echo $this->get_field_name( ‘title’ ); ?>” type=”text” value=”<?php echo esc_attr( $title ); ?>” style=”width: 100%” />
</label>
</p>

<p>
<label for=”<?php echo $this->get_field_id( ‘max_members’ ); ?>”>
<?php esc_html_e( ‘Max members to show:’, ‘buddypress’ ); ?>
<input class=”widefat” id=”<?php echo $this->get_field_id( ‘max_members’ ); ?>” name=”<?php echo $this->get_field_name( ‘max_members’ ); ?>” type=”number” min=”1″ max=”<?php echo esc_attr( $max_limit ); ?>” value=”<?php echo esc_attr( $max_members ); ?>” style=”width: 30%” />
</label>
</p>

<?php
}

/**
* Merge the widget settings into defaults array.
*
* @since 2.3.0
*
*
* @param array $instance Widget instance settings.
* @return array
*/
public function parse_settings( $instance = array() ) {
return bp_parse_args( $instance, array(
‘title’ => __( ‘Recently Active Members’, ‘buddypress’ ),
‘max_members’ => 15,
), ‘recently_active_members_widget_settings’ );
}
}

// Register and load the widget
function wpb_load_widget() {
register_widget( ‘wpb_widget’ );
}
add_action( ‘widgets_init’, ‘wpb_load_widget’ );

I’ve been attempting to get the below to work, but little trouble with getting it to load the stream itself due to changes that Twitch has done

// Add's Twitch Channel To BuddyPress Profiles
if(!class_exists('BP_Twitch_Tab')):
class BP_Twitch_Tab {
    public $tab_name = 'Twitch TV';
    public $content_title = 'Twitch TV Channel';
    public $url_slug = 'twitchtv';
    public $subnav_slug = 'twtchtv';
    public $tab_position = 40;
    public $show_chat = true;

    // channel name will be grabbed from buddypress field $field_name
    public $channelName = null;
    public $field_name = 'Twitch Channel';
    public function __construct () {
        add_action('bp_setup_nav', array($this, 'profile_tab'));
    }

    // add profile tab
    public function profile_tab() {
        global $bp;
        // get channel name
        $this->channelName = bp_get_profile_field_data('field=' . $this->field_name . '&user_id=' . bp_loggedin_user_id());
        if($this->channelName) {
            bp_core_new_nav_item( array(
                'parent_url'           => bp_loggedin_user_domain() . '/' . $this->url_slug . '/',
                'slug'                 => $this->url_slug,
                'default_subnav_slug'  => $this->subnav_slug,
                'parent_slug'          => $bp->profile->slug,
                'name'                 => $this->tab_name,
                'position'             => $this->tab_position,
                'screen_function'      => array($this, 'screen_function')
            ) );
        }
    }

    // call actions on profile screen
    public function screen_function() {
        add_action( 'bp_template_title', array($this, 'template_title') );
        add_action( 'bp_template_content', array($this, 'template_content') );
        bp_core_load_template( 'buddypress/members/single/plugins' );
    }

    // add content title
    public function template_title() {
        echo $this->content_title;
    }

    // show iframe
    public function template_content() {
        ?> <iframe src="//www.twitch.tv/<?php echo $this->channelName; ?>/embed" frameborder="0" scrolling="no" height="500" width="100%"></iframe> <?php
        // show chat
        if ($this->show_chat) {
            ?> <iframe frameborder="0" scrolling="no" class="chat_embed" src="//twitch.tv/chat/embed?channel=<?php echo $this->channelName; ?>&popout_chat=true" height="400" width="100%"></iframe> <?php
        }
    }
}
endif;
new BP_Twitch_Tab;

You can compare the template files for both
https://github.com/buddypress/BuddyPress/tree/master/src/bp-templates