YouTubeチャンネルの動画を古い順に自動再生するサイト

イメージ
というのを作ってみました   動画URL、チャンネルURL、@ハンドル等を入力するとチャンネルが追加されます 検索機能はないのでチャンネル名を入れても追加できません 動画の再生位置はチャンネルごとに保存します チャンネルを切り替えて、途中から視聴を再開する事ができます 動画数が余りに多いとブラウザが重くなり、最悪クラッシュします １０００本以上の動画を持つチャンネルの追加は避けた方が無難です YouTube Channel Auto Player
コメントを投稿

プレゼンツールSpectacleのデモを動かしてみる

前提

  • Ubuntu Desktop 18.04 LTS(minimal)

コード

素うぶん前提なのでcurlインストールから。


サーバの外からアクセス可能にする

ポート開放設定は省略。
[package.json]の以下の行を書き換える。

画面例

最新の仕様では２ペインでコードを表示する機能があります。
デモを動かしてみるとこんな感じで表示される。

参考URL

公式サイト
デモサイト
GitHub>

コメント

コメントを投稿

このブログの人気の投稿

livedoorブログでコメントIDを表示させる。いいね（ハート）機能つき。

概要 この一つ前の記事より数日前にチャレンジしていた事で、コメントIDを表示させて更にハート機能も動作するようにしたコードです。前の記事の方が機能的には上なので、敢えてこちらを使う必要性はないでしょう。 管理人だけが付与できるハート機能は未実装です。 現存するlivedoorブログでも同等の動作をするサイトが複数あるので、このような実装は既に知られているのだと思います。 スマホ用の設定ではソースを編集する事ができない為、PC用画面のみの対応です。 表示サンプルのブログ 設定手順 １．livedoorブログの管理画面から、【ブログ設定】→【デザイン / ブログパーツ設定】-【PC】→【カスタマイズ】→【個別記事ページ】と辿ってソースコードを表示します。 ２．ソースから<$CommentsList$>を探して、それを削除し代わりに以下のコードを挿入します。 挿入するコード： <!-- CommentsList --> <div class="article-option" id="comments-list"> <ol id="ld_blog_article_comment_entries"> <!-- CommentsLoop Start --> <AllCommentsLoop> <IfCommentStatus> <li class="comment-set v2 odd" id="comment-<$CommentNumber$>"> <!-- コメントNo,コメント日時,コメントid,コメント★,コメント本文--> <ul class="comment-info"> <li class="comment-author"> <$CommentNumber$>.&nbsp; ...
続きを読む »