6
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

LIFULLその3Advent Calendar 2018

Day 10

ConfluenceとGoogle Driveで、社内向けPodcastをカジュアルに配信する

Posted at

社内向けPodcastをカジュアルに配信する方法をまとめました。

:microphone2: Podcastを配信してみたい方のお役に立てば幸いです。

Podcastの録音・配信方法

録音機材とアップロード先さえあればなんとか形になります。

手順はこんな感じです。

  • ボイスレコーダーで録音
  • Google Driveに収録した音声データを置いて、共有ファイルにする
  • Confluenceに、配信用のhtmlスニペットを追加
  • ドキュメントのリンクをシェアする

配信画面と設定方法

ConfluenceにPodcast用のaudioタグを記述します。
再生速度を変更できるボタンを付けているので、サクッと聞くことができます。

スクリーンショット_2018-12-10_20_12_39.jpg

上記Podcast再生用の部分には、以下htmlを埋め込んでいます。
id部分はGoogle Driveに置いた録音ファイルのidにリプレイスするだけなので簡単ですね。

<script type="text/javascript">
AJS.toInit(function(){
	AJS.$(".playRateButton").on("click", function() {
		var media = document.getElementById("media");
		var playRate = AJS.$(".playRate").val();
		media.playbackRate = playRate
		media.play();
	});
});
</script>
<audio id="media" autobuffer="true" controls="true" preload="none"  style="width: 500px">
<source src="https://docs.google.com/uc?id=**********"></source>
Your browser doesn't support HTML5 audio.
https://drive.google.com/file/d/**********/view?usp=sharing
</audio><br>
<input style="width: 30px" class="playRate" type="number" step="0.1" value="1.5">
<button class="playRateButton">倍速</button>

シェアする

このConfluenceのURLを、SlackなりChatworkなりでシェアすれば、カジュアルにPodcastを配信することができます!

まとめ

Confluenceでなくてもhtmlを差し込めるようなドキュメントツールであれば大丈夫だと思います。
とても簡単に再生速度変更付きPodcastを作ることができますので、是非お試しください!

6
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?