App.js

webpack项目录制音频视频

和自甴很熟 提交于 2019-11-30 12:20:47
其他的解决方案: 1. Html5 音视频 2.WebRTC 初始化项目目录: mkdir webpack-test cd webpack-test 安装相关依赖: npm install -D webpack webpack-dev-server webpack-cli css-loader style-loader npm install videojs-record 1. 创建webpack的配置文件webpack.config.js const path = require('path'); const webpack = require('webpack'); const basePath = path.resolve(__dirname); module.exports = { context: path.join(basePath, 'src'), entry: { app: './app.js' }, output: { path: path.join(basePath, 'dist'), filename: '[name].bundle.js', publicPath: '/dist' }, devServer: { contentBase: basePath, watchContentBase: true }, resolve: { alias: {

eos.io开发区块链dapp(三、webapp)

南笙酒味 提交于 2019-11-28 18:27:36
这是 一步步的用EOSIO开发区块链DApp 的第三部分, 上一部分 中,我为EOSIO平台开发了一个模拟选举的智能合约。这部分我将开发一个webapp,允许访问者投票给候选人。 以下是webapp的快速预览: 源代码说明 首先,请参阅下面的概述图: 前端 前端由HTML,CSS和Javascript组成。我使用 Semantic-UI 作为CSS框架以获得漂亮的外观。JQuery在Javascript中被大量使用以便于开发。 此webapp只有一个页面(主页HTML)。主页分为四个部分。 以下是部分的屏幕截图: 以下是主页 index.html 的代码片段: ... <body> <div class="ui container"> <div class="ui grid"> ... <div id="hints_portion" class="sixteen wide column"> ... </div> <div id="input_portion" class="sixteen wide column"> ... </div> <div id="voting_portion" class="sixteen wide column"> ... </div> <div id="voted_portion" class="sixteen wide column"> ... <