今回は知人のYoutuberの「乙丸大五郎」のオフィシャルサイトを更新したお話です。
このサイトはライブラリを使用していないサイトで更新には手間をかけています。
URL:https://mczk.app/otsumaru/
目次
更新点
あまり時間をかけていないので結構質素だが、まぁ許容範囲内にはしたはず。
今回の変更点はフルHDの表示バグの修正とSEO対策等諸々追加しました。
あとファビコンもとりあえず付けました。
Youtubeの最新動画を複数表示に変更
<?php
$arrContextOptions=array(
"ssl"=>array(
"verify_peer"=>false,
"verify_peer_name"=>false,
),);
$user = "{Youtubeの識別ID}";
$url = "https://www.youtube.com/feeds/videos.xml?channel_id=" .$user;
$rss = file_get_contents($url, false, stream_context_create($arrContextOptions));
$rss = preg_replace("/<([^>]+?):(.+?)>/", "<$1_$2>", $rss);
$rss = simplexml_load_string($rss,'SimpleXMLElement',LIBXML_NOCDATA);
$count = 0;
foreach($rss->entry as $value){
if ($count < 3){
?>
<iframe width="700" height="400" src="https://www.youtube.com/embed/<?php echo htmlspecialchars($value->yt_videoId, ENT_QUOTES, 'UTF-8') ?>" frameborder="0" allowfullscreen></iframe><br><br>
<?php
$count++;
}
}
?>
とりあえず今回は3つ表示させるとして、一番簡単な方法をとりました。
カウントして処理停止するということです。
PHPもJavascriptもシェルに慣れるとミスばかりしてしまう・・・。
とりあえずこれで最新の動画を複数表示させる対応を行いました。
もちろんカウント数を変更すれば表示件数は多くできます。
難点の方が多い
背景問題があったので今回は背景をつけていたのですが、もともと黒ベースのものに背景をつけたので文字が見ずらい。
これはちょっと難点かな。。。
一部スマホだと表示が崩れるかもしれない。
一応一部スマホとWEBの大きさで試しているのでほとんどの端末はクリアしていると思うのだが、4Kとかは試してないし800px以下とかもどうなるかはわからない。
ここら辺の対応はやっぱりBoot Strapとかのライブラリに頼るのがよさそうだね。
追加してみたいもの
個人的に使い道無くても追加したいのは下記機能かな
- 独自ブログ機能
- 生放送検知機能
- ニュース機能
- 音楽アップロード自動化
って感じかな
独自ブログ機能が一番重いので多分実装しないかな。
生放送検知機能は上記の最新情報から入手できるRSSから特定文字で取得できないかな。
ここは検討が必要。
ニュース機能はいらない気がするけど一番簡単な機能ですね。
PHP+My SQLで簡単に実装できそう。ただセキュリティ問題もあると思うからそこら辺は考えないといけないかも。
音楽アップロード機能はまあできそうだけど多分先になるかなこれはJS+PHP+JSONかJS+PHP+DBでできると思う。
あとはやる気の問題ですが、趣味でやってるのもあってあまり更新できないのも問題。
その前に作り直した方が良いところが多い気がする。。。。
自分の悪い癖が出まくっているサイトでもあるかも。
