Angular 2音频不会因更换组件而中断

Angular 2是一种流行的前端开发框架，用于构建现代化的Web应用程序。它提供了丰富的功能和工具，使开发人员能够轻松地构建可扩展、高性能的应用程序。

在Angular 2中，音频不会因更换组件而中断。这是因为Angular 2采用了单页面应用程序（SPA）的架构，所有的组件都是在同一个页面上加载和渲染的。当切换组件时，Angular 2会保持页面的状态，包括音频的播放状态。

要实现音频在Angular 2中的无中断播放，可以使用HTML5的<audio>元素来嵌入音频文件，并通过Angular 2的数据绑定机制来控制音频的播放和暂停。可以使用Angular 2的生命周期钩子函数来处理音频的初始化和销毁。

以下是一些腾讯云相关产品和产品介绍链接地址，可以用于在Angular 2中处理音频：

腾讯云音视频处理（MPS）：提供了丰富的音视频处理功能，包括音频转码、音频剪辑、音频合成等。详情请参考：腾讯云音视频处理
腾讯云对象存储（COS）：用于存储和管理音频文件。详情请参考：腾讯云对象存储
腾讯云云服务器（CVM）：提供了可靠的云服务器实例，用于部署和运行Angular 2应用程序。详情请参考：腾讯云云服务器

请注意，以上只是一些腾讯云的相关产品，其他云计算品牌商也提供类似的产品和服务，可以根据具体需求选择适合的解决方案。

Angular 2音频不会因更换组件而中断

angular、typescript、audio

我想在这个代码的帮助下播放音频，它工作得很好 const a = new Audio(); a.load(); a.play();但是，当我点击下一步按钮，这将引导我到下一页(所以我在路由的帮助下更改了我的组件)，音频不会停止(不会中断)，音频中的音乐也会在下一

浏览 0提问于2017-07-13得票数 3

回答已采纳

1回答

全局异常处理

angular

是否有可能全局捕获Angular 2应用程序中抛出的异常，以防止整个应用程序因任何一个组件中的错误而中断？

浏览 1提问于2016-07-01得票数 45

回答已采纳

2回答

Windows 8.1中的媒体管道坏了吗？

windows-runtime、windows-phone、windows-store-apps、windows-phone-8.1、background-audio

Windows 8.1中的媒体管道似乎因内存管理问题而中断。当您创建一个使用IMediaSource在WindowsPhoneRuntime8.1中传输音频的后台音频应用程序时，该应用程序的组件最终会在某些情况下抛出OutOfMemoryException甚至StackOverflowException

浏览 7提问于2014-09-03得票数 4

回答已采纳

4回答

在网页上播放音频时不会因页面重新加载而中断

javascript、audio

我想创建一个包含(Flex/Flash)音频播放器的网页，该播放器在页面重新加载时不会重新加载。目前，我正在一个新窗口中弹出播放器。请查看查看它的实际效果。

浏览 0提问于2010-01-12得票数 1

回答已采纳

2回答

如何在路由器未加载的组件中获取路由更改的当前路由参数

angular、angular-router

我正在尝试从类似于"/categories/:cat1/:cat2/browse“的路由中获取参数。将其加载到由路径加载的组件中似乎工作正常，但另一个已加载到应用程序中且未因路径更改而更改的组件import{ Router, ActivatedRoute, Params, RoutesRecognized

浏览 14提问于2019-11-06得票数 0

回答已采纳

2回答

Angular 4 CLI ng build不会将scss转换为css

html、css、angular、sass、angular-cli

当我运行ng build时，生成的dist文件夹不会将scss文件转换为css。我的assets文件夹中有一个main.scss，而.angular-cli.json有： "assets/scss/main.scss".

浏览 0提问于2017-07-03得票数 2

1回答

异常:对节点模块的调用因错误而失败:由于错误而失败: ReferenceError:窗口未定义

javascript、jquery、angular、angular2-aot、angular-universal

我的角组件是java脚本小部件的包装器，小部件使用window.jquery来呈现控件。处理请求时发生了未处理的异常。异常:对节点模块的调用因错误而失败:由于错误而失败: ReferenceError: window未在对象处定义。(e：\事件样例\130606\aspnetcore-angular2- universal-master\Client\dist\main-server.js:30544:9) at Objec

浏览 1提问于2017-05-23得票数 0

1回答

向父组件中注入指令子组件的依赖关系

angular

我试图通过编写指令包装器来控制Angular2中的Angular2元素。看看我的。我需要从AudioPlayer类中控制这些组件。ElementRef对象而不是MyAudio对象。但这是可行的但是使用这种方法，我无法区分这两个音频元素。您知道为什么会发生这种情况，

浏览 4提问于2015-11-10得票数 0

回答已采纳

2回答

角度2和4的主要区别是什么？

angular、typescript

实际上，我对angular JS还不熟悉。我们开始学习angular 4，但是没有太多关于angular 4的教程。如果可以学习Angular 4的Angular 2，希望2和4没有太大的区别。

浏览 1提问于2017-05-17得票数 0

1回答

基于postgres的索引创建

postgresql、indexing

我试图使用btree索引为整数列创建索引，但这需要花费很长时间(超过2个小时！)。表有17.514.879行。我没想到会花那么长时间。在将近2.5小时之后，到数据库的连接刚刚中断。我如何确保索引不会因连接丢失而混乱？

浏览 1提问于2016-12-28得票数 7

回答已采纳

2回答

停止动态创建的音频

javascript、angular、typescript、html5-audio

我正在播放来自Angular服务的音频，但我无法使其停止。string): void { audio.src = item; audio.play();然后，在我的组件中，我创建了一个mute()方法，我想要停止当前正在播放的所有音频： const sounds = document.getElementsByTagName('audioconsole.log(sounds);

浏览 10提问于2017-08-15得票数 2

回答已采纳

1回答

使用JavaScriptServices/Universal时Angular2窗体错误

angular、angular2-universal

我有一个Angular2应用程序是用创建的。我将同时导入ReactiveFormsModule.和FormsModule。异常:对节点模块的调用因错误而失败: TypeError：_angular_core.InjectionToken不是C:\XXX\ClientApp\dist\main-server.js:35055

浏览 2提问于2017-02-06得票数 2

回答已采纳

2回答

Angular的链接函数与Angular 2的构造函数

javascript、angular

作为Angular2及其组件架构的新手，我可以理解，组件是Angular指令的增强版本。当我查看与我要编写的特定i组件相关的constructor时，它所做的工作与link函数在Angular 1.x中执行的工作大致相同，因为link函数为指令的每个实例执行，因此每个实例都有自己的业务逻辑，而不会影响其他实例。

浏览 0提问于2017-11-15得票数 0

2回答

angular 2中渲染器与ElementRef的区别

angular、angular2-directives、elementref、angular-renderer2、angular-renderer

在Angular中，两者都用于DOM操作。我目前单独使用ElementRef编写Angular 2指令。如果我得到更多关于Renderer的信息，我可以在将来的指令中使用它。

浏览 4提问于2016-09-30得票数 17

回答已采纳

1回答

将Angular2组件移动到另一个位置

jquery、angular

我有以下简单的angular2组件 selector: 'dynamic-info-template', template: '<div id=\"dynInfoTemplate/重新定位到另一个div中，后者稍后由第三方组件(而不是Angular2组件！)简单地用.html()复制jQuery不起作用(好吧，它确实有效，但是像(click)事件这样的事

浏览 6提问于2016-09-17得票数 0

2回答

是否可以使用typescript在angularjs 1.5(6)中指定绑定值的类型

angularjs、typescript

这样我就可以像使用函数一样使用组件。angular.module('app').component('navBar', new NavBar()); public bindings:

浏览 3提问于2016-12-22得票数 0

1回答

如何告诉Angular2忽略嵌入式Angular1应用程序？

angularjs、angular

我在一个Angular1组件中安装了一个Angular2应用程序。type="text" ng-model="vm.filters.date" />@ViewChild('ng1Hook') div; angular.bootstrap例如，在模板的下面有这样的代码：ng-model="vm.filters.date"，当然NG2

浏览 4提问于2016-06-17得票数 2

回答已采纳

1回答