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.

YouTube Autoplay

Terakhir diperbaharui: Rabu, 30 November 2016 pukul 07:22
Tautan: http://darto.id/78

*Update as it turns out, autoplay cannot be done on iOS devices (iPhone, iPad, iPod touch) and Android, because of the high amout of traffic you can use on mobile networks.

Tentunya sudah banyak yang melakukan embed video dari YouTube untuk di pasang di blog atau website yang dimiliki. Dan terkadang, untuk kebutuhan tertentu, kita menginginkan agar ketika halaman yang ada video YouTube tersebut bisa diputar secara otomatis, tanpa perlu kita untuk klik play pada video player YouTube tersebut.

Buka pada halaman video di YouTube yang ingin di embed atau yang ingin di pasang pada blog atau website. Kemudian klik share dan klik tab Embed.

salman-al-utaybi-surat-al-haaqqah-ayat-9-37-youtube

Kode standar yang diberikan oleh YouTube adalah:

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

Agar video tersebut autoplay (diputar secara otomatis), cukup menambahkan kode dibawah ini pada kode videonya.

?rel=0&autoplay=1

Sehingga, kalau diterapkan pada kode video YouTube yang kita inginkan agar diputar secara otomatis adalah:

<iframe width="560" height="315" src="https://www.youtube.com/embed/hcon6CXq7bQ?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

Baiklah, saya coba url video diatas untuk diembed pada halaman dibawah ini.

 

Advanced encoding settings

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

Recommended bitrates, codecs, and resolutions, and more

Container: .mp4

  • No Edit Lists (or you may lose AV sync)
  • moov atom at the front of the file (Fast Start)

Audio Codec: AAC-LC

  • Channels: Stereo or Stereo + 5.1
  • Sample rate 96khz or 48 khz

Video Codec: H.264

  • Progressive scan (no interlacing)
  • High Profile
  • 2 consecutive B frames
  • Closed GOP. GOP of half the frame rate.
  • CABAC
  • Variable bitrate. No bitrate limit required, though we offer recommended bit rates below for reference
  • Color Space: 4.2.0

Frame rates

Frame rates should match the source material. For example, content shot in 24fps should be encoded and uploaded at 24fps. Content recorded at 30fps should be uploaded at 30fps. Content shot in 720p60, should be uploaded at 720p60. Content at 1080i 60, should be deinterlaced, going from 60 interlaced fields per second to 30 progressive frames per second before uploading.

Bitrates

Standard quality uploads

TypeVideo BitrateMono Audio BitrateStereo Audio Bitrate5.1 Audio Bitrate
2160p (4k)35-45 Mbps128 kbps384 kbps512 kbps
1440p (2k)10 Mbps128 kbps384 kbps512 kbps
1080p8,000 kbps128 kbps384 kbps512 kbps
720p5,000 kbps128 kbps384 kbps512 kbps
480p2,500 kbps64 kbps128 kbps196 kbps
360p1,000 kbps64 kbps128 kbps196 kbps

High quality uploads for creators with enterprise quality internet connections

TypeVideo BitrateMono Audio BitrateStereo Audio Bitrate5.1 Audio Bitrate
1080p50,000 kbps128 kbps384 kbps512 kbps
720p30,000 kbps128 kbps384 kbps512 kbps
480p15,000 kbps128 kbps384 kbps512 kbps
360p5,000 kbps128 kbps384 kbps512 kbps

Resolutions

YouTube uses 16:9 aspect ratio players. If you are uploading a non-16:9 file, it will be processed and displayed correctly as well, with pillar boxes (black bars on the left and right) or letter boxes (black bars at the top and bottom) provided by the player. If you want to fit the player perfectly, encode at these resolutions:

  • 2160p: 3840×2160
  • 1440p: 2560×1440
  • 1080p: 1920×1080
  • 720p: 1280×720
  • 480p: 854×480
  • 360p: 640×360
  • 240p: 426×240

The YouTube player automatically adds black bars so that videos are displayed correctly without cropping or stretching, no matter the size of the video or the player.

For example, the player will automatically add pillarboxing to 4:3 videos in the new 16:9 widescreen player size. If the player is re-sized (i.e. when embedded on another website), the same process takes place so that 16:9 videos are letterboxed when the player is sized to 4:3. Similarly, anamorphic videos will be automatically letterboxed when shown in either 16:9 or 4:3 sized players. The player can only do this if the native aspect ratio of the video is maintained.

 

source: Youtube