open-index/open-npm huggingface dataset:
npm package: @karaplay/karaoke-demo
Description: Demo application using @karaplay/karaoke-player library
Author: karaplay
Latest version: 1.0.0

# @karaplay/karaoke-demo

Demo application showcasing the usage of `@karaplay/karaoke-player` library.

## Installation

```bash
npm install
```

## Usage

```bash
npm start
```

Then open http://localhost:3000 in your browser.

## Features

This demo shows how to:
- Initialize MIDI player
- Parse lyrics and CUR timestamps
- Render karaoke with A/B swapping
- Use calibration UI

## Requirements

- Node.js 18+
- WebAudioTinySynth (loaded via CDN)

## Project Structure

```
karaoke-demo/
├── src/
│   └── app.js          # Main application logic
├── public/
│   └── index.html      # HTML page
├── server.mjs          # Simple HTTP server
└── package.json        # Dependencies
```

## Using the Library

```javascript
import {
  initMidiPlayer,
  parseLyrics,
  parseCurTimestamps,
  normalizeTimestamps,
  getCurrentCharByTime,
  renderABSwap,
  computeBaseMs,
  safeGetStatus,
  playMidi,
  pauseMidi,
  stopMidi,
  setSongDuration,
  injectCalibrationUI,
  getLyricSpeed,
  getTimeOffsetMs
} from '@karaplay/karaoke-player';
```

## License

MIT
npm package: @karappo-inc/util
Description: Useful codes for and by Karappo Inc.
Author: naokazuterada
Latest version: 0.1.0

# Useful codes for and by Karappo Inc.

[![Build Status](https://travis-ci.org/karappo/npm-util.svg?branch=master)](https://travis-ci.org/karappo/npm-util)

# for Users
## Features

```js
import { hexToRgb } from '@karappo-inc/util'

hexToRgb('#000000') // 'rgb(0,0,0)'
```

```js
import { isValidColor } from '@karappo-inc/util'

isValidColor('red') // true
isValidColor('#ffffff') // true
isValidColor('rgba(0,0,0,0.5)') // true
```

```js
import { sleep } from '@karappo-inc/util'

console.log('start...')
await sleep(1000)
console.log('... 1 sec passed')
```

# for Developers

#### Publish to npm registory

You can also publish manualy
```sh
npm login
npm publish --access public .
```
npm package: @karappo-inc/vue-components
Description: Vue components by Karappo Inc.
Author: Naokazu Terada
Latest version: 0.3.1

# Vue Components

Vue components by Karappo Inc.

[![npm](https://nodei.co/npm/@karappo-inc/vue-components.png?mini=true)](https://www.npmjs.com/package/@karappo-inc/vue-components)

Storybook: https://karappo-vue-components.vercel.app/

```sh
npm install @karappo-inc/vue-components
```

## For users

```js
import {
  AutosizeIframe,
  ExternalLink,
  Img2X,
  MailLink,
  Paragraphs,
  SectionNav,
  ScrollGuide,
  Slider
} from '@karappo-inc/vue-components'
```

*[ Under construction ]*

See our [storybook](https://karappo-vue-components.netlify.app/) to know usage.

## For developers

### Notice

Don't use these syntax for IE11

- `for in` or `for of`
- Default arguments

### Project setup
```sh
yarn setup
```

#### Compiles and hot-reloads for development
```sh
yarn start
```
or
```sh
yarn serve:storybook
```

#### Compiles and minifies for production
```sh
yarn build:storybook
```

#### Lints and fixes files
```sh
yarn lint
```

#### Publish to npm registory
```sh
yarn build
npm login
npm publish --access=public .
```