質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Web Audio

Web Audioは、音声を処理・合成するためのWebアプリケーション向けJavaScript APIです。HTML5から導入されました。オーディオソースの選択、エフェクト・ビジュアライゼーションの追加、パンニングなど特殊効果の適用など多くの機能を持ちます。

WooCommerce

WooCommerceは、2011年にリリースされたWordPressのためのECプラグインです。ECサイトに必要な一連の機能を簡単に導入できる上、柔軟なカスタマイズをすることも可能です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

2回答

1696閲覧

WordPress カスタムフィールドに入力したオーディオファイルを埋め込みプレイヤー(embedded)で表示したい

Naka-chan

総合スコア6

Web Audio

Web Audioは、音声を処理・合成するためのWebアプリケーション向けJavaScript APIです。HTML5から導入されました。オーディオソースの選択、エフェクト・ビジュアライゼーションの追加、パンニングなど特殊効果の適用など多くの機能を持ちます。

WooCommerce

WooCommerceは、2011年にリリースされたWordPressのためのECプラグインです。ECサイトに必要な一連の機能を簡単に導入できる上、柔軟なカスタマイズをすることも可能です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2020/04/16 11:49

WordPressのWooCommerceでオーディオファイルのダウンロード販売をするサイトを作っています。
商品リストとして表示するため PRODUCT TABLE(プラグイン)をインストールしました 。iTuneなどでよく見かける表です(項目としては: ID |タイトル|オーディオプレイヤー |購入ボタン)

ここで聞いてもらうオーディオは、ダウンロードするオーディオファイル(商品)ではなく、サンプル用のオーディオファイル(以下サンプル)です。
手順としては ACFのプラグインを利用して、oEmbedタイプのカスタムフィールドを作り、そこにサンプルのURLを入力しました。

このフィールドをPRODUCT TABLEの1コラムとして追加すると、このようにテキストで表記されるのみで、期待するオーディオプレイヤーの形では出てきません。
[audio src="https://akbeat.com/samples/ABC_Hawaiian.mp3" /]

ACFのサイトに行くと、このようなembedボタンは多数あるのでこちらでは用意がないとあります。( https://www.advancedcustomfields.com/resources/oembed/)

PHPに関しては全く知識が無いのですが、ここまでくるだけでも大変で、完成を目前にしています。どうかアシストをお願いいたします。

相談のサイト https://akbeat.com/abc-songs/

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

画期的なオーディオプレイヤーのプラグインを見つけました。

Wave Player(www.waveplayer.info)というプラグインです。
売りたいオーディオとは別に、プレビュー用のオーディオを「商品」情報に登録でき、しかも試聴用のプレイヤーがSticky Player(ブラウザの一番下に表示されるプレイヤー)として表示され、お気に入りやカートボタンまで表示される便利さです。Luigiさんという多分イタリア人が開発者で、質問やトラブルにも丁寧に対処してくれます。$29で安すぎるぐらいですが、私のように自分の音楽を販売したい方にはぜひおすすめしたいです。
レビューなどはこちら:
https://codecanyon.net/item/waveplayer-a-wordpress-audio-player/14349799

投稿2021/09/19 01:36

Naka-chan

総合スコア6

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

自己解決

#いいプラグインを見つけました

https://github.com/virgo79/acf-audio-video-player

ショートコードでの出力には失敗していますが、htmlのデフォルトのオーディオプレイヤーではうまくいきました。
英語なのですが、ざっくり説明すると、
1)このプラグインのフォルダをダウンロードして、WP>Contents>Plug inで展開の後有効化。
2)ACFで作ったフィールドをAudio/Video Player Field に変更
3)ショートコードかデフォルトのhtml 5playerかどちらかを選択

これでオーディオプレイヤーが出てくるようになりました。できて嬉しいです。

★ 長い間 Easy Digital Downloadを愛用していましたが、このような表形式にするとカートボタンにバグが出てくるようになり、Woocommerceへ切り換えようと思っていました。きっとphpなどができる方だともっとすっきりと出力する方法があると思いますが、一つの例としてお試しください。

投稿2020/04/17 08:07

Naka-chan

総合スコア6

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問