小编dev*_*dev的帖子

如何使用媒体源扩展以无缝循环播放视频

我正在研究媒体源扩展,以无缝循环播放视频,没有任何延迟。我对它进行了广泛的研发,也做了不同的事情。现在我正在处理这段代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
  </head>
  <body>
    <video controls></video>
    <script>
      var video = document.querySelector('video');
      var assetURL = 'test1.mp4';
      // Need to be specific for Blink regarding codecs
      // ./mp4info frag_bunny.mp4 | grep Codec
      var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';
      if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {
        var mediaSource = new MediaSource;
        //console.log(mediaSource.readyState); // closed
        video.src = URL.createObjectURL(mediaSource);
        mediaSource.addEventListener('sourceopen', sourceOpen);
      } else {
        console.error('Unsupported MIME type or codec: ', mimeCodec);
      }
      function sourceOpen (_) {
        //console.log(this.readyState); // open
        var …
Run Code Online (Sandbox Code Playgroud)

html javascript video msdn media-source

10
推荐指数
1
解决办法
1153
查看次数

如何在角度为 5 的循环中选择 dom 元素

我是 angular 的新手,每天都在学习。我正在制作角度为 5 的 crud,并且进展顺利。我只是遇到了一个可以使用 jquery 解决的小问题,但我想以有角度的方式解决它。

这是我的渣

在此处输入图片说明

默认情况下禁用输入框我想要的是当我点击“编辑”时它应该启用并且我只需要启用相邻的输入而不是全部。

这是我到目前为止所尝试的。

主页.component.html

<div class="container color-dark">
  <div class="col">
    <p>Add a bucket list item</p>
  </div>
  <div class="col">
    <p>Your bucket list ({{itemscount}})</p>
  </div>
</div>
<div class="container color-light">
  <div class="col">
    <p class="sm">Use this form below to add a new bucket list goal. What do you want to accomplish in your life?</p>

    <form>
      <input type="text" class="txt" name="item" placeholder="{{goalText}}" [(ngModel)]="goalText">
      <br><span>{{ goalText }}</span><br>
      <input type="submit" class="btn" [value]="btnText" (click)="additem()">
    </form>
  </div>
  <div class="col">
    <p class="life-container" *ngFor = …
Run Code Online (Sandbox Code Playgroud)

javascript components angular

3
推荐指数
1
解决办法
2558
查看次数

如何将多个值传递给角度5可观察?

我正在日复一日地学习角度,但我遇到了问题.我在一个组件中有3个值,我需要将它们传递给另一个组件.我对observable和subscription有基本的了解,但我用1参数完成了它.现在我想播放3个值

这是我的购物车代码.

additem(itemText){
  this.cart.push(itemText);
  this.itemscount = this.cart.length;
  this._data.changeCart(this.cart);
}
Run Code Online (Sandbox Code Playgroud)

当我点击产品时,这个函数会调用它并将cart数组发送到observable,并在那里广播购物车数组

export class DataService {

    private cart = new BehaviorSubject<any>([]);
    cast = this.cart.asObservable();

    constructor() { }

    changeCart(item_param) {
        this.cart.next(item_param);
        //console.log(this.cart);
    }

}
Run Code Online (Sandbox Code Playgroud)

现在我需要将3个值传递给observable,我很困惑如何做到这一点因为我已经读过我们只能将一个值传递给observable.我有一个想法将所有值包装在一个数组中并传递该数组,但我搜索了这个但却找不到如何在单个数组中以角度存储多个值.

任何帮助将非常感谢.谢谢

typescript angular angular5

2
推荐指数
1
解决办法
3351
查看次数

如何以角度访问组件类中的可观察对象值?

我正在发送一个具有两个值的对象 1- 数组 2- 简单变量 该对象正在使用 observable 在另一个组件中接收,从那里我可以直接将对象值访问到 html 模板文件中

这是代码

家庭组件

export class HomeComponent implements OnInit {
    itemscount:Number = 0;
    cart = [];
    cartobj = {};
    constructor(private _data: DataService) { }

    ngOnInit() {
        this.itemscount = this.cart.length;
        this._data.cast.subscribe(res => this.cartobj = res);
        this._data.changeCart(this.cartobj);

    }

    additem(itemText){
        this.cart.push(itemText);
        this.itemscount = this.cart.length;
        this.cartobj = {cart_items:this.cart,items_count:this.itemscount}
        this._data.changeCart(this.cartobj);
    }
}
Run Code Online (Sandbox Code Playgroud)

标头组件

export class HeaderComponent implements OnInit {
    cartobj: any;
    cart = [];
    constructor(private _data: DataService) {

    }

    ngOnInit() {
        this._data.cast.subscribe(res =>  this.cartobj = res);
        //this.cart …
Run Code Online (Sandbox Code Playgroud)

javascript angular

2
推荐指数
1
解决办法
2万
查看次数

无法匹配 php hash_hmac() 和 Coldfusion hmac() 的结果

我正在致力于加密 URL 并将工作脚本从 PHP 转换为 ColdFusion。我已经完成了 95% 的工作,但在尝试了 StackOverflow 上的许多解决方案后,我陷入了困境。我的结果仍然不匹配。我确认两个脚本上的saltBinkeyBin值是相同的。请看一看。

\n

PHP版本

\n
$saltBin = R\xef\xbf\xbdk\xef\xbf\xbd\xef\xbf\xbdE\xef\xbf\xbdx^ \xef\xbf\xbdO<\xef\xbf\xbd-\xef\xbf\xbd7J=S\xef\xbf\xbdz\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd \xef\xbf\xbd;\n$keyBin = \xef\xbf\xbd;B\xef\xbf\xbd\xef\xbf\xbd|\xef\xbf\xbd \xef\xbf\xbd0U,\xef\xbf\xbd\xef\xbf\xbdh\xef\xbf\xbdNS+\xef\xbf\xbd\xef\xbf\xbd.\xef\xbf\xbd\xef\xbf\xbdG\xef\xbf\xbd\xef\xbf\xbd\xef\xbf\xbd\n\nres = hash_hmac(\'sha256\', $saltBin, $keyBin);\nresult\n39ddcd6156a30fdcebc9fbf5dd59a0ef4f47e27841bbc12ce72b64a0a63c0324\n
Run Code Online (Sandbox Code Playgroud)\n

冷聚变版本

\n
<cfset res = hmac(saltBin,keyBin,"HMACSHA256")>\nresult\n30A658BEB3965C2D7D27A3F717FB6C13B05ED44E8B2A5A7FEBB9B57887CF57A0\n
Run Code Online (Sandbox Code Playgroud)\n

我尝试过以下解决方案

\n

ColdFusion 相当于 PHP hash_hmac

\n

Coldfusion哈希以及hmacSHA256和SHA256之间的区别

\n

更新:

\n

下面是PHP版本的缩写版本

\n
$key = \'943b421c9eb07c830af81030552c86009268de4e532ba2ee2eab8247c6da0881\';\n$salt = \'520f986b998545b4785e0defbc4f3c1203f22de2374a3d53cb7a7fe9fea309c5\';\n$keyBin = pack("H*" , $key);\n$saltBin = pack("H*" , $salt);\n$path = "/rs:fill:300:300:1/g:no/aHR0cDovL2ltZy5leGFtcGxlLmNvbS9wcmV0dHkvaW1hZ2UuanBn.png";\necho hash_hmac(\'sha256\', $saltBin.$path, $keyBin);\n
Run Code Online (Sandbox Code Playgroud)\n

结果:7062c2b5786c82de963767de4b0cdbc4e7ed7db2ce7466708bf8a28d8572888b

\n

冷聚变版本

\n
<cfset key = \'943b421c9eb07c830af81030552c86009268de4e532ba2ee2eab8247c6da0881\'>\n<cfset salt …
Run Code Online (Sandbox Code Playgroud)

php coldfusion hash sha256

0
推荐指数
1
解决办法
503
查看次数

如何使用jquery清除来自网络选项卡的ajax请求?

我需要在任何事件(如按钮单击或使用时间间隔)上使用jquery清除来自网络选项卡的ajax请求.这可能吗?

javascript browser ajax console jquery

-11
推荐指数
1
解决办法
1972
查看次数