Cara Embed Live Streaming YouTube

Terakhir diperbaharui: Sabtu, 01 Juli 2017 pukul 20:13
Tautan: http://darto.id/7e

Saya ingin berbagi bagi teman-teman yang belum tahu, yang sudah tahu ya diem aja, hehehe. Saya memiliki user di YouTube yang live 24 jam, dan biasanya saya suka sharing URL tersebut untuk dibagikan.

Kendalanya adalah live tersebut terputus, maka YouTube akan men-generate lagi ID URL yang baru untuk live streaming tersebut, sehingga tidak berlaku lagi URL live streaming yang sebelumnya sudah kita share. Karena setiap live yang terputus maka YouTube akan membuat live streaming tersebut menjadi video arsip, dan bukan lagi sebagai video live streaming.

Kalau embed video tertentu di YouTube tentunya sangat mudah sekali, karena sudah disiapkan di halaman video tersebut, sedangkan untuk embed live streaming ternyata perlu trik, karena ketika kita ingin embed live streaming yang diberikan oleh YouTube adalah ID video tersebut bukan alamat live streaming seperti: https://www.youtube.com/rodjatv/live

Sedangkan kalau kita coba embed URL tersebut player tidak mengenali URL tersebut, dimana url tersebut tidak terdapat video didalamnya, sedangkan kalau kita buka URL tersebut di browser tentunya langsung tertuju pada halaman live streamingnya.

URL untuk embed live streaming YouTube menggunakan:

https://www.youtube.com/embed/live_stream?channel=[Channel ID]

Untuk mengetahui channel ID ada 2 cara:

Cara Pertama

  1. Login ke akun YouTube
  2. Klik logo akun di kanan atas dan pilih YouTube Settings (icon gear)
  3. Pada halaman overview, klik Advanced, teks kecil sebelah kanan logo
  4. Pada halaman Advanced akan terlihat User ID dan Channel ID akun YouTube

Cara Kedua

Gunakan browser Firefox atau Chrome dan kemudian pada address bar ketikkan:

view-source:https://www.youtube.com/rodjatv/live

Dan kemudian cari dengan menggunakan CTRL+F dan masukkan keyword data-channel-external-id maka akan ditemukan channel ID user tersebut.

Setelah sudah mendapatkan channel ID, tinggal melakukan cara biasa untuk embed video, misal:

<iframe width="560" height="315" src="https://www.youtube.com/embed/tTUeYPEMNA4" frameborder="0" allowfullscreen></iframe>

Dan rubah src nya dengan:

https://www.youtube.com/embed/live_stream?channel=UCP-tWGFUAmVWFz4XyHDz07A

menjadi:

<iframe width="560" height="315" src="https://www.youtube.com/embed/live_stream?channel=UCP-tWGFUAmVWFz4XyHDz07A" frameborder="0" allowfullscreen></iframe>

dan jika ingin agar autoplay bisa merujuk ke post http://darto.id/78

OK. Selamat mencoba dan semoga bermanfaat.

WordPress: Create Custom Widget

Terakhir diperbaharui: Kamis, 25 Agustus 2016 pukul 15:12
Tautan: http://darto.id/2a

WordPress widgets make it super easy for users to simply drag and drop elements into their site. There are many WordPress themes and plugins that use widgets to allow users to create their own layouts. There are even plugins to improve widget management.

What is WordPress widget?

WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. The great thing about widgets is that you can drag and drop them into your sidebars or any widget ready areas of your website. This allows great flexibility to plugin and theme developers. They can add functionality into their products and let users decide when and where to use that functionality without messing with code. Similarly, as a user you can also create your own widgets in a site-specific plugin, so that you can drag and drop them into any theme you are using.

<?php

// Creating the widget 
class RPSS_widget extends WP_Widget {

function __construct() {
parent::__construct(
// Base ID of your widget
'RPSS_widget', 

// Widget name will appear in UI
__('Radio Player Streaming &amp; Stats', 'RPSS_widget_domain'), 

// Widget description
array( 'description' => __( 'Add Radio Player to widget', 'RPSS_widget_domain' ), ) 
);
}

// Creating widget front-end
// This is where the action happens
public function widget( $args, $instance ) {
$title = apply_filters( 'widget_title', $instance['title'] );
// before and after widget arguments are defined by themes
echo $args['before_widget'];
if ( ! empty( $title ) )
echo $args['before_title'] . $title . $args['after_title'];

// This is where you run the code and display the output
echo do_shortcode( '[radio-player]' );
echo $args['after_widget'];
}
		
// Widget Backend 
public function form( $instance ) {
if ( isset( $instance[ 'title' ] ) ) {
$title = $instance[ 'title' ];
}
else {
$title = __( 'Radio Player', 'RPSS_widget_domain' );
}
// Widget admin form
?>
<p>
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label> 
<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 ); ?>" />
</p>
<?php 
}
	
// Updating widget replacing old instances with new
public function update( $new_instance, $old_instance ) {
$instance = array();
$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
return $instance;
}
} // Class wpb_widget ends here

// Register and load the widget
function RPSS_load_widget() {
	register_widget( 'RPSS_widget' );
}
add_action( 'widgets_init', 'RPSS_load_widget' );

?>

 

Now go to Appearance » Widgets, drag and drop Radio Player Streaming & Stats in your sidebar to see this custom widget in action.

Simple wasn’t it? First we created a custom widget. Then we defined what that widget does and how to display the widget back-end. Then we defined how to handle changes made to widget. Lastly, we registered and loaded the widget.

 

source: wpbeginner

Air Playit – Streaming Video to iPhone iPad Android Anywhere

Terakhir diperbaharui: Kamis, 25 Agustus 2016 pukul 15:12
Tautan: http://darto.id/55

Air Playit is a video streaming software designed to stream videos audios to Apple iPhone, iPad, iPod touch and Google Android OS mobile devices. Air Playit is capable of streaming 320 different video & audio formats to your mobile devices via WiFi and 3G/4G network. It acts as your personal audio video cloud server and lets you watch videos on the go.