GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kodedninja → microne

kodedninja / microne

Licence: MIT license
A tiny, minimalistic JS music player

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Labels

audiopluginmusic-playerminimalist

Projects that are alternatives of or similar to microne

Mpvc
An mpc-like control interface for mpv.
Stars: ✭ 94 (+184.85%)
Mutual labels:  music-player, minimalist
musicWebTemplate
Free website template built for musicians / artists to promote their music and connect to their audience.
Stars: ✭ 26 (-21.21%)
Mutual labels:  music-player
Private-Cloud-Music
Private Cloud Music - a really simple and easy-to-use online music player.
Stars: ✭ 40 (+21.21%)
Mutual labels:  music-player
tonic
A Low Profile Component Framework – Stable, minimal, easy to audit, zero-dependencies and build-tool-free.
Stars: ✭ 747 (+2163.64%)
Mutual labels:  minimalist
DaisyXMusic
Free and Open Source Group Voice chat music player for telegram ❤️ with button support youtube playback support
Stars: ✭ 204 (+518.18%)
Mutual labels:  music-player
musify
🎵 Simple, yet fast, Electron music player.
Stars: ✭ 16 (-51.52%)
Mutual labels:  music-player
Hermit X
在 WordPress 中使用 APlayer 播放音乐吧~
Stars: ✭ 248 (+651.52%)
Mutual labels:  music-player
subplayer
A music player frontend compatible with Subsonic backends
Stars: ✭ 66 (+100%)
Mutual labels:  music-player
Asgar
A two-column, clean and minimalist theme for @TryGhost
Stars: ✭ 22 (-33.33%)
Mutual labels:  minimalist
Mr.Dclutterer
A minimal looking cross-platform desktop application made with Electron that handles quick file aggregation and bulk renaming.
Stars: ✭ 32 (-3.03%)
Mutual labels:  minimalist
PyTunes
A lightweight music player made in Python
Stars: ✭ 38 (+15.15%)
Mutual labels:  music-player
Cloud-Music
网易云音乐Vue版本，Vue + Vuex + Webpack2 + Vue-router
Stars: ✭ 18 (-45.45%)
Mutual labels:  music-player
radishes
Cross-platform copyright-free music platform（跨平台的无版权音乐平台）. 支持 windows / macos / linux / web
Stars: ✭ 212 (+542.42%)
Mutual labels:  music-player
sonist
一个音乐播放器, 主打本地音乐播放。支持 自动歌词/自动封面/均衡器等常见功能。
Stars: ✭ 72 (+118.18%)
Mutual labels:  music-player
deezer
Deezer Archlinux AUR package
Stars: ✭ 42 (+27.27%)
Mutual labels:  music-player
SampleMusicPlayer
Simple music player
Stars: ✭ 59 (+78.79%)
Mutual labels:  music-player
minimal-player
This is a minimal, clean audio/music/mp3 player with spinning cover images, built with jQuery, TweenMax.js and SVG images.
Stars: ✭ 48 (+45.45%)
Mutual labels:  music-player
SMmuiscPlay
🎼极简模式JavaScript音乐播放器组件，极简、小巧、无依赖、可定制，适用于手机页面，H5活动页，微信页面等的音乐播放支持
Stars: ✭ 40 (+21.21%)
Mutual labels:  music-player
lambda-zero
A minimalist pure lazy functional programming language
Stars: ✭ 65 (+96.97%)
Mutual labels:  minimalist
YuMusic
A Music Player Build with JavaFX WebView, iView,RequireJS
Stars: ✭ 17 (-48.48%)
Mutual labels:  music-player
View All Similar Projects ➔

Screenshot

A tiny, minimalistic JS music player. It's around 2 kilobytes and it's super beautiful.

Installation

From CDN

Include with <script src="https://unpkg.com/microne/microne.js"></script>

npm

  • $ npm i microne
  • Include with <script src="node_modules/microne/microne.js"></script>

Manual

Simply download the microne.js file and include it.

Usage

<body>
  <div id="player"></div>

  <script src="https://unpkg.com/microne/microne.js"></script>
  <script>
    var m = new Microne(document.getElementById('player'))
    m.source('media/example.mp3')
  </script>
</body>

API

new Microne(parent_el)

Makes a new player and appends it to the parent_el element. parent_el must have a specified width and height and microne fills it.

m.source(href[, preload])

Sets the source of the player to href. If preload (optional) is false the audio will only be loaded at play. Default is true.

m.play()

Start playing.

m.pause()

Pause playing.

m.on(event, handler)

Add an event to the audio element. See possible events here.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].