npmpackage.info

Gathering detailed insights and metrics for w-howler

Other packages similar to w-howler

w-audioplayer-vue

2.0.12

An audio player by howler.

Gathering detailed insights and metrics for w-howler

w-howler - 1.0.22 | npmpackage.info

w-howler

A wrapper howler for audio player.

1.0.22

MIT

JavaScript

1.27 MB

3.1

Installations

npm install w-howler

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

20.11.1

NPM Version

10.2.4 Score

73.7

Supply Chain

Quality

75.9

Maintenance

100

Vulnerability

99.3

License

Pull Requests

Open

0

Total

11

Closed

11

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

JavaScript

HTML

JavaScript (64.13%)

HTML (35.87%)

Developer

yuda-lyu

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

29 Commits

1 Watchers

2 Branches

1 Contributors

Updated on Feb 06, 2024

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.0.22

Package Id

w-howler@1.0.22

Unpacked Size

1.27 MB

Size

888.70 kB

File Count

NPM Version

10.2.4

Node Version

20.11.1

Published on

Mar 23, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

eventemitter3 howler lodash-es

Dev Dependencies

w-package-tools

w-howler

A wrapper howler for audio player.

Documentation

To view documentation or get support, visit docs.

Example

To view some examples for more understanding, visit examples:

audio play: web [source code]

Installation

In a browser(UMD module):

Note: w-howler is not dependent on any package, has included howler and eventemitter3.

Note: umd file includes with lodash-es, by using tree-shaking for dead-code elimination.

[Necessary] Add script for w-howler.

1<script src="https://cdn.jsdelivr.net/npm/w-howler@1.0.22/dist/w-howler.umd.js"></script>

Example for audio play:

Link: [dev source code]

1<body>
2
3    <script>
4        let WHowler = window['w-howler']
5    </script>
6
7    <div style="margin:20px; padding-bottom:10px;">
8        <div style="font-size:1.5rem; padding-bottom:5px;">1. Normal play</div>
9        <input type="file" onchange="whPlay1(this)">
10        <pre id="msg1"></pre>
11        <button onclick="whStop1()">stop</button>
12    </div>
13
14    <script>
15        let wh1 = new WHowler()
16
17        function whPlay1(ele){
18            let files=ele.files
19            let file=files[0]
20            let src=URL.createObjectURL(file)
21
22            //play
23            wh1.play(src)
24
25            //getSeek
26            setInterval(function(){
27                document.querySelector('#msg1').innerHTML=JSON.stringify(wh1.getSeek())
28            },1000)
29
30        }
31
32        function whStop1(){
33            wh1.stop()
34        }
35
36    </script>
37
38    <div style="margin:20px; padding-bottom:10px;">
39        <div style="font-size:1.5rem; padding-bottom:5px;">2. Function play</div>
40        <input type="file" onchange="whPlay2(this)">
41        <pre id="msg2"></pre>
42        <button onclick="whStop2()">stop</button>
43    </div>
44
45    <script>
46        let wh2 = new WHowler()
47
48        function whPlay2(ele){
49            let files=ele.files
50            let file=files[0]
51            let src=URL.createObjectURL(file)
52
53            //play
54            wh2.play(src)
55
56            //getSeek
57            setInterval(function(){
58                document.querySelector('#msg2').innerHTML=JSON.stringify(wh2.getSeek())
59            },1000)
60
61            //seek to 50% in 6 sec.
62            setTimeout(function(){
63                wh2.seek(0.5)
64            },6000)
65
66            //pause in 9 sec.
67            setTimeout(function(){
68                wh2.pause()
69            },9000)
70
71            //resume in 12 sec.
72            setTimeout(function(){
73                wh2.resume()
74            },12000)
75
76        }
77
78        function whStop2(){
79            wh2.stop()
80        }
81
82    </script>
83
84</body>

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

9

Security-Policy

Determines if the project has published a security policy.

0

Maintained

Determines if the project is "actively maintained".

0

SAST

Determines if the project uses static code analysis.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.1

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More