배경
이번에 Android에 트위치 영상을 넣고 싶어서 도전해봤습니다. 하지만 아직 트위치에서는 Mobile을 제공하고 있지 않다고 하네요. 그래서 트위치 임베디드를 공부하는 동안 배웠던 웹사이트에 공유하는 방법에 대해 정리해보려 합니다.
IFrame 코드 구성
트위치에서 제공하는 Twitch Developers에 따르면 iframe 형식으로 제공하면 된다고 합니다.
https://dev.twitch.tv/docs/embed/video-and-clips/#non-interactive-iframes-for-clips
<iframe
src="https://player.twitch.tv/?<channel, video, or collection>&parent=streamernews.example.com"
height="<height>"
width="<width>"
allowfullscreen>
</iframe>
여기서 핵심은 parent로 올리고자 하는 웹사이트를 적어주셔야 합니다.
예를 들어 제 블로그 주소는 jgeun97.tistory.com 이니까 parent=jgeun97.tistory.com 형식으로 적어주셔야 해요.
iframe 코드 가져오기
트위치 영상쪽에서 손쉽게 가져올 수 있어요. 동영상 아래에 공유 버튼을 누르고 소스코드 버튼을 클릭하면 됩니다.
예시
(앰비션님 트위치 영상을 예시로 테스트하였습니다 문제될 시 삭제하겠습니다)
<iframe src="https://player.twitch.tv/?video=1575900684&parent=jgeun97.tistory.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>
<참고>
https://dev.twitch.tv/docs/embed/video-and-clips
Video & Clips
Embedding Video and Clips
dev.twitch.tv
https://discuss.dev.twitch.tv/t/twitch-embedded-player-updates-in-2020/23956/120
Twitch Embedded Player Updates in 2020
Hi everyone, as the purpose of this topic was to announce embed changes, we’re going to close it for further comments. However, I’m going to include many of the tips that were discussed above that helped resolved many issues. Please review these items
discuss.dev.twitch.tv
https://grandvert.tistory.com/521
트위치 클립을 외부 사이트에 올리는 방법
음음 예전에는 간단하게 소스 퍼올리는 방법으로 클립 첨부가 가능했었어요 근데 이제 단순히 소스를 퍼오는걸로는 영상이 안나오게 변경되었습니다(사실 바뀐지 좀 되었음;;) 우선 소스코드를
grandvert.tistory.com
'기타' 카테고리의 다른 글
| Java Swing 으로 만든 산성비 (0) | 2023.04.09 |
|---|---|
| Java Swing으로 만든 한성 윷놀이 (0) | 2023.04.09 |
| 테크 스펙이란 무엇일까?? (0) | 2023.03.24 |
| [LeetCode] 변경된 UI에 따른 LeetHub 미동작 해결방법 (0) | 2023.02.27 |
| OWASP / Starting WebGoat - Port 127.0.0.1:8080 is already in use 에러 (0) | 2022.05.22 |
댓글