@moezx/meting NPM | npm.io

2.0.1-1 • Published 3 years ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

3 years ago

Requirement

https://github.com/MoePlayer/APlayer

Version	API Status	APlayer
1.2.x	Supported
2.0.x	Latest

CDN

Quick Start

<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

<meting-js
	server="netease"
	type="playlist"
	id="60198">
</meting-js>

https://music.163.com/#/playlist?id=60198

<meting-js
	auto="https://y.qq.com/n/yqq/song/001RGrEX3ija5X.html">
</meting-js>

https://y.qq.com/n/yqq/song/001RGrEX3ija5X.html

<meting-js
	name="rainymood"
	artist="rainymood"
	url="https://rainymood.com/audio1110/0.m4a"
	cover="https://rainymood.com/i/badge.jpg">
</meting-js>

for self-hosted media

<meting-js
	name="rainymood"
	artist="rainymood"
	url="https://rainymood.com/audio1110/0.m4a"
	cover="https://rainymood.com/i/badge.jpg"
	fixed="true">
	<pre hidden>
		[00:00.00]This
		[00:04.01]is
		[00:08.02]lyric
	</pre>
</meting-js>

Fixed mode with Lyric text

Option

option	default	description
id	require	song id / playlist id / album id / search keyword
server	require	music platform: `netease`, `tencent`, `kugou`, `xiami`, `baidu`
type	require	`song`, `playlist`, `album`, `search`, `artist`
auto	options	music link, support: `netease`, `tencent`, `xiami`
fixed	`false`	enable fixed mode
mini	`false`	enable mini mode
autoplay	`false`	audio autoplay
theme	`#2980b9`	main color
loop	`all`	player loop play, values: 'all', 'one', 'none'
order	`list`	player play order, values: 'list', 'random'
preload	`auto`	values: 'none', 'metadata', 'auto'
volume	`0.7`	default volume, notice that player will remember user setting, default volume will not work after user set volume themselves
mutex	`true`	prevent to play multiple player at the same time, pause other players when this player start play
lrc-type	`0`	lyric type
list-folded	`false`	indicate whether list should folded at first
list-max-height	`340px`	list max height
storage-name	`metingjs`	localStorage key that store player setting

Documentation for APlayer can be found at https://aplayer.js.org/#/home?id=options

Advanced

MetingJS allow you to use self-hosted API, more information about Meting.

<script>
var meting_api='http://example.com/api.php?server=:server&type=:type&id=:id&auth=:auth&r=:r';
</script>

<script src="dist/Meting.min.js"></script>

Browser support

Browsers without native custom element support require a polyfill.

Chrome
Firefox
Safari
Internet Explorer 11
Microsoft Edge

Author

MetingJS © metowolf, Released under the MIT License.

Blog @meto · GitHub @metowolf · Twitter @metowolf · Telegram Channel @metooooo

player music api meting html5

acorn ansi-align ansi-regex ansi-escapes ajv ansi-styles anymatch acorn-jsx arr-union arr-flatten array-unique array-find-index array-union array-uniq async-each atob argparse assign-symbols astral-regex babel-helper-flip-expressions babel-helper-evaluate-path babel-helper-is-void-0 babel-helper-is-nodes-equiv babel-helper-mark-eval-scopes babel-plugin-dynamic-import-node babel-plugin-minify-constant-folding babel-helper-to-multiple-sequence-expressions babel-plugin-minify-builtins babel-plugin-minify-flip-comparisons babel-helper-remove-or-void babel-plugin-minify-dead-code-elimination babel-plugin-minify-mangle-names babel-plugin-minify-guarded-expressions babel-plugin-minify-replace babel-plugin-minify-simplify arr-diff babel-plugin-minify-infinity babel-plugin-minify-type-constructors babel-plugin-polyfill-corejs2 babel-plugin-transform-inline-consecutive-adds babel-plugin-polyfill-corejs3 babel-plugin-transform-member-expression-literals babel-plugin-transform-merge-sibling-variables babel-plugin-transform-minify-booleans babel-plugin-transform-property-literals babel-plugin-transform-regexp-constructors babel-plugin-transform-remove-debugger balanced-match babel-plugin-transform-remove-undefined base babel-plugin-transform-undefined-to-void babel-plugin-transform-remove-console binary-extensions brace-expansion cache-base babel-plugin-transform-simplify-comparison-operators call-bind callsites boxen braces browserslist caniuse-lite camelcase camelcase-keys capture-stack-trace class-utils chokidar chalk cli-boxes chardet collection-visit cli-cursor ci-info cli-width color-name color-convert component-emitter concat-map commander colorette convert-source-map configstore core-util-is core-js-compat create-error-class copy-descriptor crypto-random-string currently-unhandled debug decode-uri-component deep-is deep-extend decamelize cross-spawn define-properties del define-property doctrine duplexer3 error-ex emoji-regex dot-prop electron-to-chromium escalade escape-string-regexp eslint-utils eslint-scope eslint-visitor-keys espree esprima esquery esrecurse execa expand-brackets esutils external-editor extend-shallow estraverse extglob fast-deep-equal fast-levenshtein fast-json-stable-stringify figures find-up fill-range file-entry-cache function-bind flat-cache for-in fragment-cache flatted fs.realpath fsevents fs-readdir-recursive get-stdin get-value gensync functional-red-black-tree get-stream glob glob-parent globby global-dirs has has-flag has-value globals graceful-fs has-symbols got iconv-lite has-values hosted-git-info indent-string ignore import-fresh inflight imurmurhash is-accessor-descriptor is-arrayish inherits ini is-buffer inquirer is-data-descriptor is-binary-path is-descriptor import-lazy is-extglob is-core-module is-ci is-extendable is-finite is-fullwidth-code-point is-glob is-installed-globally is-npm is-path-cwd is-obj is-path-in-cwd is-plain-object is-number is-path-inside is-retry-allowed is-stream is-windows isarray get-intrinsic is-redirect isexe is-utf8 isobject js-yaml jsesc js-tokens json-schema-traverse kind-of json5 json-stable-stringify-without-jsonify latest-version levn load-json-file lodash.debounce loud-rejection lodash map-cache map-obj lowercase-keys map-visit lru-cache mimic-fn minimatch make-dir micromatch mixin-deep ms mkdirp mute-stream minimist nanomatch normalize-package-data nice-try normalize-path natural-compare node-releases npm-run-path object-visit object-assign object-copy object.pick once object-keys onetime object.assign os-tmpdir p-finally optionator parse-json pascalcase package-json parent-module path-dirname p-map path-parse path-exists path-is-inside path-key path-is-absolute path-type pify pinkie-promise pinkie picomatch posix-character-classes prelude-ls prepend-http process-nextick-args punycode rc progress read-pkg-up pseudomap read-pkg readable-stream redent readdirp regenerate-unicode-properties regenerate regenerator-runtime regex-not regexpp regenerator-transform regexpu-core registry-auth-token registry-url remove-trailing-separator regjsgen regjsparser repeating meow repeat-string ret restore-cursor repeat-element resolve-url resolve-from resolve run-async safe-buffer rxjs safe-regex safer-buffer set-value rimraf shebang-regex semver shebang-command semver-diff slash snapdragon-util slice-ansi signal-exit snapdragon-node source-map-url babel-plugin-polyfill-regenerator snapdragon source-map-resolve source-map spdx-license-ids spdx-exceptions spdx-expression-parse static-extend sprintf-js spdx-correct string_decoder split-string string-width strip-ansi strip-eof strip-json-comments strip-indent strip-bom text-table table through supports-color timed-out to-object-path term-size trim-newlines to-regex to-regex-range type-check unicode-match-property-ecmascript tslib unicode-property-aliases-ecmascript to-fast-properties tmp union-value unset-value unicode-canonical-property-names-ecmascript unique-string unzip-response update-notifier urix util-deprecate use unicode-match-property-value-ecmascript validate-npm-package-license word-wrap url-parse-lax widest-line uri-js wrappy which write-file-atomic xdg-basedir write upath babel-plugin-minify-numeric-literals yallist

@infinitebrahmanuniverse/nolb-_moe @everything-registry/sub-chunk-614 @zalastax/nolb-_moe

3 years ago

3 years ago