小编Roc*_*st1的帖子

将音频保存到localStorage进行播放

我正在尝试创建一个从中提取mp3文件的函数

<input type="file" id="sound" accept="audio/*"/>
Run Code Online (Sandbox Code Playgroud)

并存储在Chrome中的localStorage中.(我知道localStorage的大小有限,但我将使用的音频文件将低于2mb.)一旦存储了这个音频文件,它将被播放:

var audio = new Audio('audioFile');
audio.play();
Run Code Online (Sandbox Code Playgroud)

我还是网络开发的新手,所以任何指针都会很棒!

注意:这不是HTML5记录音频到文件的副本.我试图从我的硬盘驱动器中取出一个预先存在的mp3文件并将其存储到localStorage中,以便可以播放它.

javascript audio html5 local-storage

10
推荐指数
2
解决办法
4065
查看次数

如何在新的BrowserWindow(Electron)中加载Angular 2+路线?

所以我有一个完整的Angular 5应用程序,我想将该应用程序隐藏到Electron应用程序中。除了一件事情,我已经像在Web App表单中一样使该应用程序中的所有内容都能正常工作。我一辈子都无法弄清楚如何将Routes加载到新的BrowserWindow中。这是我正在使用的内容以及到目前为止我已经尝试过的内容:

我用这个加载mainWindow:

mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'dist/index.html'),
    protocol: 'file:',
    slashes: true
  }));
Run Code Online (Sandbox Code Playgroud)

我成功地通过mainWindow中的routerLink导航到Contact,并得到以下结果:

console.log(mainWindow.webContents.getURL()); = file:///C:/Me/Project/dist/contact
Run Code Online (Sandbox Code Playgroud)

现在,我不想导航到mainWindow内部的Contact,而是希望通过mainWindow在secondWindow内部打开Contact页面:

index.html:

<base href="./">
Run Code Online (Sandbox Code Playgroud)

app.routes.ts:

export const routes: Routes = [{
    path: 'contact', data: { sectionTitle: 'Contact' },
    loadChildren: 'contact/contact.module#ContactModule'
}]

@NgModule({
  imports: [
    RouterModule.forRoot(routes, { useHash: false })
  ],
  exports: [RouterModule],
  declarations: [],
  providers: [],
})
export class AppRoutingModule { }
Run Code Online (Sandbox Code Playgroud)

main.js:

secondWindow = new BrowserWindow({
    parent: mainWindow,
    width: 1024,
    height: 768,
    frame: false,
    minWidth: 1024,
    minHeight: 768,
    show: false
  });

secondWindow.loadURL('file://' …
Run Code Online (Sandbox Code Playgroud)

electron angular

4
推荐指数
2
解决办法
1925
查看次数

标签 统计

angular ×1

audio ×1

electron ×1

html5 ×1

javascript ×1

local-storage ×1