pm studio world wide tech news
pm studio world wide tech news
news, tech, music, film, sports, cg, translation, photo uploader
  • 2015-11-24
  • TECH
  • pm studio releases a simple HTML5 MP3 Player of jQuery Plugin / pm studio、シンプルなMP3プレイヤー「PM Player」jQueryプラグインを発表

  • pm studioは、jQueryのプラグイン「PM Player」を公開した。「PM Player」はシンプルなMP3プレイヤーで、HTML5のvideoタグ用のプラグイン。
    使い方は簡単で、pmplayer.jsとpmplayer.cssを読み込み、HTML内にプレイヤー表示用タグ<div id="pmPlayer"></div>と、簡単なJavaScriptを記述する。サンプルは下記の通り。

    HTMLタグサンプル
    <div id="pmPlayer" song="曲名" artist="アーティスト名" playerid="player1" soundurl="MP3のURL" posterurl="MP3用画像のURL"></div>

    JavaScriptサンプル
    $(document).ready(function() {
         playerPM();
    });

    と記述するだけで、MP3プレイヤーが表示される。また、「PM Player」は複数表示でき、曲を数曲紹介したい時に便利だ。
    プレイヤーのカラーを変更したい場合、pmplayer.css内を記述変更する事で可能となっている。
    「PM Player」一式のzipファイルはpm studio公式サイトから無料で入手可能。「 ここをクリックしてダウンロード」
  • pm studio released jQuery Plugin "PM Player" today. "PM Player" is a simple MP3 player of jQuery Plugin for HTML5.
    It's so easy to use. Here is how to use below.
    First you download "PM Player" zip file from here. "PM Player" Download
    And you import "pmplayer.js" and "pmplayer.css", write HTML tag and JavaScript Code below.

    HTML tag example
    <div id="pmPlayer" song="Song Title" artist="Artist Name" playerid="player1" soundurl="MP3 URL " posterurl="Poster URL"></div>

    JavaScript code example
    $(document).ready(function() {
         playerPM();
    });

    That's it. "PM Player" will be shown on your web page.
    And you can use multiple player. If you want to change color of PM Player, you'll get other colors by rewriting code in pmplayer.css.
  • source : pm studio world wide news
Recent Post
Latest News
  • Editor: Toshio Maeoka
    pm studio world wide news © 2014-2020 . All Rights Reserved
^
to TOP