유튜브 라이브 스트리밍과 다음 카카오 TV 라이브 방송 영상을 자신의 블로그에 공유하는 방법

자신의 블로그 웹페이지에서 개인방송 동영상을 공유하고 보려면  스트리밍을 제공하는 다음 카카오TV나 유튜브같은 스트리밍 서비스 제공 사이트에서 html 소스코드를 공개해줘야 한다.

유튜브의 실시간 방송 영상을 웹페이지에 올리는 방법은 아래와 같이 하면 된다.

방송되고 있는 영상 화면을 우클릭해서 소스 코드를 복사한 후 블로그 글쓰기 에디터에서 에디터 모드를 html에 체크해서 바꾸고 복사한 소스코드를 붙여넣으면 된다.

유튜브나 다음카카오나 실시간 라이브 방송 주소는 매 방송 때마다 바뀌기 때문에 방송할 때마다 소스코드를 에디터에서 변경해줘야 된다.

유튜브에 방송 채널을 만들면 아래 주소와 같이 자신의 고유 id가 있는 채널 url 이 주어진다. 예전에는 맞춤설정에서 자신의 채널 id 주소를 바꿀 수 있었지만 얼마전부터 구독자가 100명 이상이 되야 변경 신청할 수 있게 바꼈다.

youtube 채널 홈 주소 - 이 주소로 접속하면 실시간 방송때는 자동으로 실시간 방송 영상이 재생된다. 방송 중이 아닐때는 이전 방송이 저장된 영상이나 가장 최근의 동영상이 보여진다.

파란색 부분이 고유 id.

https://www.youtube.com/channel/UCnU0QHFZjehgfyFiiOKTgxw

youtube 라이브 채널 홈 주소 - 이 주소로 접속하면 실시간 라이브 화면으로 바로 접속된다. 방송중이 아닐 때는 오프라인이라고 뜨고 채널에 로그인해서 확인하면 접속한 사람들은 대기자로 보여진다.

https://www.youtube.com/channel/UCnU0QHFZjehgfyFiiOKTgxw/live

youtube 게이밍 채널 주소는 www 자리에 gaming 만 입력해주면 된다. 소스코드나 다른 주소는 유튜브 일반 채널과 같다.

https://gaming.youtube.com/channel/UCnU0QHFZjehgfyFiiOKTgxw/live

유튜브 실시간 스트리밍 소스 코드를 복사하면 아래와 같은 형태다.

<iframe width="640" height="360" src="https://www.youtube.com/embed/UjvoNJQkNZg" frameborder="0" gesture="media" allowfullscreen></iframe>

프레임 가로세로 크기를 변경할 수 있다. 카테고리가 게임일 경우에는 www 대신 gaming 을 입력해줘도 됨.

url 주소 끝자리에 있는 UjvoNJQkNZg 가 방송 할 때 마다 바뀌는 값이다. 방송 때마다 유튜브에 로그인할 필요없이 라이브 채널에 접속해 잘 스트리밍되는지 확인 후 새로운 소스코드만 복사해서 사용하면 된다.

유튜브 채팅창 소스코드

스트리밍 동영상 뿐만 아니라 채팅창도 웹페이지에 올려둘 수 있다. 채팅을 하려면 로그인이 필요하지만 시청자 채팅은 모두 잘 보인다.

아래 코드가 유튜브 채팅창 소스코드다. 

<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/live_chat?v=UjvoNJQkNZg&embed_domain=kimsgomul.tistory.com" width="480"></iframe>

위와 마찬가지로 라이브 url 고유번호인 UjvoNJQkNZg 만 바꿔주면 된다.

domain 주소는 동영상을 올려둘 페이지 (http://kimsgomul.tistory.com/1234) 의 url 주소 맨 앞자리만 입력해주면 된다.

그리고 소스코드 </iframe> 뒤에 </br>로 한줄 띄워주면 됨.

다음 카카오 라이브 방송도 간단하다.

팟플레이어에서 자기 방송을 검색으로 찾은 후, 실시간으로 방송되고 있는 자신의 방송 제목을 우클릭해서 「속성」을 눌러 livelinkid 숫자만 소스코드에 입력해주면 된다.

다음 카카오 라이브 소스 코드는 아래와 같은 형태다.

<embed width="640" height="360" src="http://tv.kakao.com/embed/player/livelink/1903986?service=kakao_tv">

위 url 주소의 숫자만 매 방송 때마다 바뀐다.

- 카카오TV의 자신의 채널 홈 주소는

https://tv.kakao.com/channel/고유번호

- 현재 실시간 방송되고 있는 주소는

https://tv.kakao.com/channel/고유번호/livelink/숫자?metaObjectType=Channel

( 숫자는 livelinkid )

* 이미지 출처 - http://sometimes-n.tistory.com/42  유튜브 동영상 반응형 웹에 삽입하는 방법