npmpackage.info

Gathering detailed insights and metrics for w-howler

Other packages similar to w-howler

@types/howler

2.2.12

TypeScript definitions for howler

howler

2.2.4

Javascript audio library for the modern web.

react-howler

5.2.0

A React.js wrapper for howler.js (audio player)

@types/react-howler

5.2.3

TypeScript definitions for react-howler

Gathering detailed insights and metrics for w-howler

w-howler

A wrapper howler for audio player.

1.0.22

MIT

JavaScript

158,407 3.1

Installations

npm install w-howler

Pull Requests

Open

0

Total

11

Closed

11

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Developer

yuda-lyu

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

20.11.1

NPM Version

10.2.4 Statistics

29 Commits

2 Watching

2 Branches

1 Contributors

Updated on 06 Feb 2024

Languages

JavaScript (64.13%)

HTML (35.87%)

Total Downloads

Cumulative downloads

Total Downloads

158,407

Last day

Compared to previous day

Last week

-10.7%

Compared to previous week

Last month

129

Compared to previous month

Last year

-96.8%

2,991

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

eventemitter3 howler lodash-es

Dev Dependencies

w-package-tools

Versions

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

Code-Review

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

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

Pinned-Dependencies

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

0

CII-Best-Practices

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

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 2024-11-18

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