Git Product home page Git Product logo

dike1999 / frontend-park Goto Github PK

View Code? Open in Web Editor NEW

This project forked from wangrongding/frontend-park

0.0 0.0 0.0 40.28 MB

哈喽大家好~我是荣顶!这是一个有趣的前端趣味知识公园~该项目是我平时捣鼓前端相关技术的一些案例集合。

Home Page: https://frontend-park.vercel.app/

Shell 0.06% JavaScript 2.44% TypeScript 17.95% CSS 6.65% HTML 0.11% Vue 69.55% SCSS 3.24%

frontend-park's Introduction

frontent-park

一个有趣的前端趣味知识公园~
该项目是我平时捣鼓的一些好玩的前端知识案例集合,喜欢的小伙伴也可以自己 fork 到仓库后随意玩耍

我的博客

所有示例的具体实现和技术说明,在我的博客中都有对应的文章

包含项目

WebRTC 音视频协同

  • 拍照

  • 屏幕录制

  • 虚拟背景

  • 无信令传递 (1v1 音视频通话)

  • 信令传递 (1v1 音视频通话)

  • 搭建 STUN/TURN 服务器
  • 美颜功能
  • WebRTC + Three.js 实现一个有趣的项目
  • WebRTC + TensorFlow.js 实现一个有趣的项目
  • WebRTC + Electron + robotjs 实现远程控制

ThreeJs

隐写术

文本隐写

图片隐写

未完待续!

  • 文本隐写
  • 图片隐写
  • 音频隐写
  • 视频隐写

千图成像

(未完成的功能不影响现在项目的使用,只是一些优化的部分)

  • 目标图生成(基本功能) -- 完成
  • 自定义分布方式 -- 待完成
  • 自定义按比例调整 -- 待完成
  • 自定义方向/比例 -- 待完成
  • 自定义贴片高度 -- 待完成
  • 自定义贴片宽度 -- 待完成
  • 资源图片的连续重复控制 -- 待完成

机器学习(基于 tensorFlow.js 的前端实现)

该示例正在捣鼓中...

开发

安装依赖

pnpm i

需要注意的是

由于该仓库有一些依赖包,依赖了二进制文件

如果遇到 node-pre-gyp ERR! gyp ERR!等问题,按照下面的方法解决

# 在node-gyp之前安装 (windows用户在powershell(管理员身份)中安装)
npm install -g --production windows-build-tools

# 全局安装node-gyp
npm install -g node-gyp

如果仍然不行,检查本地是否安装了 Python,没有则安装 👉 官方地址

本地运行

pnpm dev

打包

pnpm build

格式化代码并执行 eslint 校验

pnpm fal

frontend-park's People

Contributors

wangrongding avatar snyk-bot avatar dependabot[bot] avatar imgbotapp avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.