JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="AudioTest" ng-csp>
    <div ng-controller="AudioTestCtrl">
        <div ng-repeat="audio in event.audios">
            <audio ng-src="{{audio}}" controls></audio>
        </div>
    </div>
</div>

JavaScript

angular.module('AudioTest', [])
.controller('AudioTestCtrl', function($scope, $sce) {
    $scope.event = { 'audios': [
        $sce.trustAsResourceUrl('/data/media/test1'),
        $sce.trustAsResourceUrl('/data/media/test2')
    ]};
});