# Bubbleで音源を再生したいと思います。
但し、各制御が必要です。
１．再生時間を指定
 （ドロッ......

**URL:** https://www.nocode-faq.com/t/topic/274
**Category:** bubble
**Created:** [2021 年 2 月 2 日午前 8:41 UTC](https://www.nocode-faq.com/t/topic/274 "2021-02-02T08:41:06Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)
#### Post date: [2021 年 2 月 2 日午前 8:41 UTC](https://www.nocode-faq.com/t/topic/274/1 "2021-02-02T08:41:07Z")

</div>

Bubbleで音源を再生したいと思います。  
但し、各制御が必要です。  
１．再生時間を指定  
（ドロップダウンか何かで時間を数種類表示し（1分、2分など）指定できるようにする）  
２．再生終了と同時に、「終わりました」のPOPUPを表示させる  
既存の音楽プレイヤープラグインだとこれらの制御が出来ない＆他に必要な機能が無かったのでhtmlで音楽プレイヤーを入れてJavaScriptを書くイメージです。  
まずはプレイヤー。  
  
で、次にコードを書いて１，２を実現させる、かと思いますがここのコードが書けません。  
POPUPについてはBubbleのものを使うかと思うので、POPUPのID attribute（ひとまずtest1としました）を指定して  
JSコードに入れるのかなと思っています。

---

<div class="post-metadata">

### Author: ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)
#### Post date: [2021 年 2 月 2 日午前 8:41 UTC](https://www.nocode-faq.com/t/topic/274/2 "2021-02-02T08:41:08Z")

</div>

回答者

> **[HTML5のaudio要素でJavascriptから再生範囲を指定して音声再生する方法](https://xov.jp/e/81/)**
>
> 特殊なやり方だったので備忘録としてメモしておきます。やりたいことsample.mp3のようなひとつの音声ファイルの指定範囲のみを再生することで、複数の音声ファイルを用意せず、アプリ内で使う音声をひとつの音声...

ここ参考に変更てみました！  
できたと思います(^^)  
#t=開始時間,終了時間  
を追加するといいみたいです！  
bubbleでjava scriptとかも組み込めるんですね。  
HTMLとか使ったことないけれどめっちゃ幅が広がりそうですね。。  
ポップアップは…まだ分かりません笑

質問者  
おかげで１が解決しました。  
あとはポップアップ・・JSなら条件式が必要ですよね。  
もしくは各音源の再生時間さえ取り出せればBubbleのWorkflowで解決する道も見えるんですよね。  
（時間指定で動作する）  
ただ、今指定しても完成してくれない・・方法模索中です。  
Dropdownは取り出せるので問題なさそうですね。  
そうなんですよ、いざとなったらこのようにコードを書けるのがBubbleの拡張性なんですよね。  
実質LowCodeとも言えます。

## 参考URL

> **[HTML5のaudio要素でJavascriptから再生範囲を指定して音声再生する方法](https://xov.jp/e/81/)**
>
> 特殊なやり方だったので備忘録としてメモしておきます。やりたいことsample.mp3のようなひとつの音声ファイルの指定範囲のみを再生することで、複数の音声ファイルを用意せず、アプリ内で使う音声をひとつの音声...
