japanese-accent's Issues
feature: hide/mute suggested segments
Make a delete call for the suggested segment endpoint
chore: migrate away from useHttp
chore: fix warning from React
Chore: dev instance uses a different directory from the "full" install
feature: add waveform with resize hndles to segment/clip editing view
Feature: macOS installer
Using goreleaser?
chore: update @svgr/webpack
chore: revamp readme file
feature: data card showing importing progress for a video
show how much of the video is accounted for
show how many unreviewed advice pieces there are
use progress bars and UI colors
feature: reorganize home page
Features: back/next buttons for segments on the timeline
experiment: should we compute the waveform in JS or possibly throw it out as soon as the canvas is rendered?
I wonder how wavesurfer does it's
Computation
bug: fix long line rendering on the list on the draft page
feature: use different colored highlights for suggested vs draft items in the video draft page
Bug: fix the ojad integration
Also add a test that detects whether it's working that can run periodically
chore: localization strategy
Spike: investigate using jmdict package as a source of word data
feature: revamped import experience
this should probably be more like a "wizard"
adding a video should probably not be a modal? Or it could start as a modal but immediately redirect.
we should show a progress screen for downloading
once it's downloaded, it can be always available for adding more clips
the editing experiences should at this point be exactly the same
have a cron job build that runs `yarn outdated`
feature: embed a video download utility into the installer
performance: see if returning binary data instead of json for waveform results in better performance
chore: resolve error from latest version of react-media-recorder
feedback when converting a segment to a clip
Should remove the existing advice from the list
Should add a new clip to the list
New clip should stay selected
Maybe it could just be a swap in-place in the list?
How can we get animations involved?
feature: show number of clips from video on highlights page
chore: resolve various warnings from yarn build
warning " > @mui/[email protected]" has incorrect peer dependency "react@^17.0.0".
warning " > @testing-library/[email protected]" has unmet peer dependency "@testing-library/dom@>=7.21.4".
warning " > @typescript-eslint/[email protected]" has incorrect peer dependency "eslint@^5.0.0 || ^6.0.0 || ^7.0.0".
warning " > @typescript-eslint/[email protected]" has incorrect peer dependency "eslint@^5.0.0 || ^6.0.0 || ^7.0.0".
warning "eslint-config-react-app > [email protected]" has unmet peer dependency "@babel/plugin-syntax-flow@^7.14.5".
warning "eslint-config-react-app > [email protected]" has unmet peer dependency "@babel/plugin-transform-react-jsx@^7.14.9".
warning "react-router-dom > react-router > [email protected]" has incorrect peer dependency "react@^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0".
warning " > [email protected]" has incorrect peer dependency "react@^15.0.0 || ^16.0.0 || ^17.0.0".
warning " > [email protected]" has incorrect peer dependency "react-dom@^15.0.0 || ^16.0.0 || ^17.0.0".
warning " > [email protected]" has incorrect peer dependency "react@^16.13.1 || ^17.0.0".
warning " > [email protected]" has incorrect peer dependency "react-dom@^16.13.1 || ^17.0.0".
warning "use-http > [email protected]" has incorrect peer dependency "react@^16.13.1 || ^17.0.0".
warning "use-http > [email protected]" has incorrect peer dependency "react-dom@^16.13.1 || ^17.0.0".
warning "use-http > [email protected]" has incorrect peer dependency "react@^16.13.1 || ^17.0.0".
warning "use-http > [email protected]" has incorrect peer dependency "react-dom@^16.13.1 || ^17.0.0".
chore: simplify drafts data model
right now there are different tables for segments that are connected to drafts and segments that are "final" for videos.
Some ideas here:
they should be called "clips"
the source of a clip is less important than the fact that you can practice it
we could probably store the draft segments and the final segments in the same table, with a state flag on each one.
Homepage navigation should not necessarily focus so much on videos. Videos can maybe be always available as clip sources, though.
feature: suggested segments can be converted into drafts using '+' button
chore: migrate to react router 6
Feature: drag/drop resizing of segment on timeline adjusts its start and end via api
chore: daily dependency check creates a PR
Can this somehow get integrated with dependabot so that we get automatic rebasing and all that?
chore: encapsulate all the api calls into a typed API package
feature: playling part of a video, but not in the context of a clip
chore: test mode for launching with fixture data
videos with know lengths, suggestions, etc.
use as a way to test without breaking any data that I might care about
Experiment: when a draft segment is created, check for overlaps with suggestions and pre-mute overlapped suggestions
Also when it is changed!
chore: update react version
feature: zoom levels on waveform
right now, the waveform is at 100% zoom - it shows you the full song.
maybe we could support zooming
feature: add a handler for reportWebVitals and use it to populate a performance page within the app
text management for clips
texts for clips are a little hard to work with right now. we have the text from the VTT files, but they're usually a little inaccurate and difficult to work with.
ideas
- a panel for the imported vtt text, where you can relatively easily edit it
- convert kanji to kana
- drag-drop move texts from the list onto clips
experiment: editable text block on draft page, with drag/drop text blocks to associate with the draft entries
chore: name the project
1. Riffs on
1. hatsuon
2. Pitch
3. mora (molamola?)
4. Music terms like for scales
2. Use cute namey things like
1. “Zaemon”
2. “Jiro”
3. “Min”/“rin”/cchi
3. Logo something like a tuning fork?
chore: check for updates to important go dependencies
this should be an automated github aciton.
go list -m -u all
go list -m -u example.com/theirmodule
go get example.com/theirmodule@latest
go mod tidy
and open a PR with that change.
Make a list of the 'eagerly update' modules. It's probably gin, gorm, and the ffmpeg wrapper, plus prometheus and anything googly.
feature: pull in thumbnails from videos
could do this by downloading full video file and processing with ffmpeg, but data volume might be a little high.
feature: draft segments are combined with suggested segments on the timeline
where a draft segment overlaps with a suggested segment, do not show the suggested segment
where a draft segment states that it is converted from a suggested segment, do not show the suggested segment
feature: creating a new video clip from scratch
try: clicking a spot on the timeline
try: "add" button
Feature: selecting a segment on the timeline or the list scrolls it into view on the timeline
upgrade away from @mui/styles
chore: resolve peer dependency warnings from eslint-config-react-app
warning "eslint-config-react-app > [email protected]" has unmet peer dependency "@babel/plugin-syntax-flow@^7.14.5".
warning "eslint-config-react-app > [email protected]" has unmet peer dependency "@babel/plugin-transform-react-jsx@^7.14.9".
chore: resolve deprecation warnings from material ui
feature: draft segments show a "+" button on the timeline
chore: update react-media-recorder
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.