Getting $sce error with source tag (1.2rc1)

[Daryll Strauss]

I'm working with 1.2rc1 and I've got audio pulling from a value in a controller.

Here's the example: http://plnkr.co/edit/HpNHavGB0t0Tgiq8DZyC

but the key part is:

<audio><source ng-src="{{audio.url}}"></audio>

I get $sce errors:

Error: [$interpolate:interr] Can't interpolate: {{single.audio}}

Error: [$sce:insecurl] Blocked loading resource from url not allowed by $sceDelegate policy.  URL: http://www.freesound.org/data/previews/87/87020_377011-lq.mp3

    at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.js:60:12

    at $interpolate.fn (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.js:6939:26)

    at attrInterpolateLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.js:5340:24)

    at nodeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.js:5088:13)

    at compositeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.js:4607:15)

    at compositeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.js:4610:13)

    at nodeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.js:5082:24)

    at compositeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.js:4607:15)

    at publicLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.js:4516:30)

    at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.js:1129:27 angular.js:7818

I've tried with and without trustAsUrl (even though docs say that isn't implemented) and as src= and ng-src=. No dice.

Any suggestions?

[Etienne Folio]

Same error for me with :

video
  source(ng-repeat='file in video.files', ng-src='{{file.src}}', type='video/{{file.type}}')

The video object comes from a $resource call and points on DMCloud…

Anyone help?

[Etienne Folio]

Ok, I found 2 ways to remove the error:

ng-src='{{trustSrc(file.src)}}'

and

.config(function($sceDelegateProvider) {
  $sceDelegateProvider.resourceUrlWhitelist([
    '^http://localhost',
    '^http://cdn.dmcloud.net/'
  ]);
});

Honestly, I prefer the former :)

I still can't make my videos to play, but this error seems solved for me now…

[Jose Luis Rivas]

> now�

Hello Etienne, I think your video isn't playing because the `type=` is
maybe not changed by Angular and the {{}} are there intact. Could you
check that? Maybe you will need to make your own directive for that.

Kind Regards,
--
Jose Luis Rivas
http://joseluisrivas.net/